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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementUI el-table合并单元格-行合并(简单数组)相关的知识,希望对你有一定的参考价值。

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

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

以上是关于elementUI el-table合并单元格-行合并(简单数组)的主要内容,如果未能解决你的问题,请参考以下文章

el-table:列表中相同名称的数据实现行合并

elementUI el-table 单元格实现复制

el-table动态获取数据合并行列

element-ui:el-table合并单元格后的行高亮显示

ElementUI中el-table双击单元格事件并获取指定列的值和弹窗显示详细信息

ElementUI中el-table双击单元格事件并获取指定列的值和弹窗显示详细信息