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即表示该行不显示
最终显示效果
文章图片
image.png 备注:
本示例参考自他人https://www.cnblogs.com/mmzuo-798/p/11686021.html
推荐阅读
- 如何将多个小分子文件合并为单个
- JAVA|JAVA 最好用的大文件切割与合并
- Python实用技法第33篇(字符串连接及合并)
- Vue+jszip+file-saver|Vue+jszip+file-saver 实现el-table中qrcode生成的二维码图片批量打包成zip下载
- 两个已排序数组的合并
- git|git 合并两个远程分支
- Leetcode数组easy|Leetcode数组easy | 88. 合并两个有序数组
- Qt实战|Qt+OpenCV联合开发(十三)--通道分离与合并
- Leetcode617.|Leetcode617. 合并二叉树
- 拖拽插件sortable.js之el-table表格拖拽效果代码