elementui动态合并单元格(亲测好用)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui动态合并单元格(亲测好用)相关的知识,希望对你有一定的参考价值。
参考技术A 效果:按照数组中的数据 动态的分组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动态合并单元格(亲测好用)的主要内容,如果未能解决你的问题,请参考以下文章
elementUI el-table合并单元格-行合并(简单数组)