el-table树形数据父级单元格行合并

实现效果：

 

代码：

?

1 2 3 4 5 6 7 8 9 10 11 12

<el-table :data="tableData" style="width: 100%; margin-bottom: 20px"  :span-method="arraySpanMethod" border row-key="id" :tree-props="{children: 'children',hasChildren: 'hasChildren',}">        // 合并行     arraySpanMethod(row, column, rowIndex, columnIndex) {       // 只有父级数据才有children       if (row && row.row.children) {         return [1, 4];       }     },