elementUI el-table合并单元格-行合并(简单数组)

合并单元格,如果id列值一致,则合并

原理

1、getSpanArr(data)方法 data就是我们从后台拿到的数据,通常是一个数组;
2、spanArr是一个空的数组,用于存放每一行记录的合并数;
3、 pos是spanArr的索引。
如果是第一条记录(索引为0),向数组中加入1,并设置索引位置;
如果不是第一条记录,则判断它与前一条记录是否相等,
如果相等,则向spanArr中添入元素0,并将前一位元素+1,表示合并行数+1,
以此往复,得到所有行的合并数,0即表示该行不显示



最终显示效果

elementUI el-table合并单元格-行合并(简单数组)_第1张图片
image.png

备注:
本示例参考自他人https://www.cnblogs.com/mmzuo-798/p/11686021.html

你可能感兴趣的:(elementUI el-table合并单元格-行合并(简单数组))