1. 首页
  2. 编程语言
  3. Javascript
  4. element-ui table span-method(行合并)的实现代码

element-ui table span-method(行合并)的实现代码

上传者: 2021-05-14 02:49:31上传 PDF文件 72.86 KB 热度 10次

上述代码意思是:如果是第一条记录,向数组中加入1,并设置索引位置;如果不是第一条记录,则判断它与前一条记录是否相等,如果相等,则向spanArr中添入元素0,并将前一位元素+1,表示合并行数+1,以此往复,得到所有行的合并数,0即表示该行不显示。然后根据得到的数组spanArr对表格进行合并渲染,并绑定合并方法效果图如下:注:后台获取数据的时候根据要在前台进行合并的字段进行排序,使要合并的字段值相同的记录依次相邻。

用户评论