DataTable 如何实现合并单元格?

如若不知道DataTable的请查看http://datatables.club
我现在想要实现的是行列数据合并,就是数据一样则合并单元格,具体效果如下

  • 现在查询了三个维度的数据,学校,班级,学生信息。
  • 后端返回数据已经按照三个维度进行了排序。
  • 数据是动态的,不可简单的固定行列合并
    未曾使用合并数据展示效果
    image.png
    想使用合并的数据展示效果
    思路:相同则合并,记录列的最大值,往后合并时以此为限制,直至最后一个维度不再判断。
    具体思路:
    1.从学校名称这一列开始判断所有行的内容,找到最后一个相同数据,记录行号为4,合并该维度(1,1)到(1,4),(2,1)到(2,4)...
    2.以步骤1的记录行号为限制,判断班级编号列相同的数据截止到第4行。记录行号为2,合并该维度(5,1)到(5,2),(6,1)到(6,2)...
    3.以此递归,如果是最后一个维度则不再判断及合并。
    具体效果
    image.png
    请各位大佬帮忙实现。。。
阅读 2.2k
1 个回答
新手上路,请多包涵

建议你参考使用vxe-table 其中复杂表格 可以实现你现在这种table合并写法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题