一、表格嵌套要求：

两个表格嵌套，当父表格有children数组时子表格才展示；子表格数据少于父表格展示字段，且对应固定操作列不同；

二、嵌套问题：

当使用el-table的type='expand'实现表格嵌套时，样式出现以下问题：

展开图标每条数据都展示了，实际上接口数据并不是都有children数组；在表格嵌套后，打开子表格，高亮显示在经过子表格后对应不上；父表格的操作列固定在右侧影响了子表格的显示；滑动到表格底部时，父子表格的固定列对不齐；

修改前效果如下：

修改后效果如下：

三、代码实现：

1、表格定义唯一值row-key="indexId"和类名:row-class-name="getRowClass"

:row-class-name="getRowClass"

ref="table"

v-loading="tableLoading"

size="mini"

height="100%"

:data="tableData"

row-key="indexId"

tooltip-effect="dark"

:header-cell-style="{

background: '#f5f7fa',

fontWeight: 'bold',

color: '#303133'

}"

@expand-change="expandChange"

border

>