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

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

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

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