如若不知道DataTable的请查看http://datatables.club
我现在想要实现的是行列数据合并,就是数据一样则合并单元格,具体效果如下:
- 现在查询了三个维度的数据,学校,班级,学生信息。
- 后端返回数据已经按照三个维度进行了排序。
- 数据是动态的,不可简单的固定行列合并
未曾使用合并数据展示效果
想使用合并的数据展示效果
思路:相同则合并,记录列的最大值,往后合并时以此为限制,直至最后一个维度不再判断。
具体思路:
1.从学校名称这一列开始判断所有行的内容,找到最后一个相同数据,记录行号为4,合并该维度(1,1)到(1,4),(2,1)到(2,4)...
2.以步骤1的记录行号为限制,判断班级编号列相同的数据截止到第4行。记录行号为2,合并该维度(5,1)到(5,2),(6,1)到(6,2)...
3.以此递归,如果是最后一个维度则不再判断及合并。
具体效果
请各位大佬帮忙实现。。。
建议你参考使用vxe-table 其中复杂表格 可以实现你现在这种table合并写法