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

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


最终显示效果 elementUI|elementUI el-table合并单元格-行合并(简单数组)
文章图片
image.png 备注:
本示例参考自他人https://www.cnblogs.com/mmzuo-798/p/11686021.html

    推荐阅读