element 表格行合并问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了element 表格行合并问题相关的知识，希望对你有一定的参考价值。
参考技术A 前几天遇到一个需要合并行的表格，需求如图合并行分两种，一种是后端分页，一种是前端分页
一、先来讲后端分页
element中的表格自带一个属性 span-method
此方法中 rowspan: 5,colspan: 1 ，返回的如下图，当前列的一格对应右边列的5格
我们就只需要对数据处理，生成一个能够让span-method处理合并行的数据列表
以上就是后端分页的处理方式，利用接口查询回来的数据进行处理后再渲染
如果是用的前端分页的方法，道理也很简单，先用slice方法进行数组分割
每换一次页或者页码再把当前分割后的tableData再调用上面所示的dealWithData()方法再进行一次数据处理再显示出来就好了
以上是我使用的方法，如果有大佬有更好的方法希望可以提出来
谢谢
以上是关于element 表格行合并问题的主要内容，如果未能解决你的问题，请参考以下文章