Vue ElementUI中el-table表格嵌套样式问题

一、表格嵌套要求：

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

二、嵌套问题：

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

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

修改前效果如下：

修改后效果如下：

三、代码实现：

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