前端表格显示数据 集合一般就是一条一条的列表显示出来，这是最普通也最常见的做法，但是有的业务会需要一对多效果的显示，比如以下需求，每次上报都有一条数据，数据类别是其中一个字段，现在需要将其中所有类别拆出来成为一条独立数据，但是其上级单位与上报日期字段其实是完全一样的，故为了使用人员更方便的查看数据，需要将同一条数据的前两个字段合并为一列，项目之前的做法是表格套表格，循环遍历两次，但是在数据很多的情况下，表格会出现列边框无法对齐的bug，后来使用前端插件，但是需要新增文件与太多代码，可读性极差，故写了个脚本方案用以替代。
实现思路如下：
还是数据的全部遍历，只是把多余的列进行隐藏，第一列合并行数
1，后台实体类添加一个count字段，用以存放此条数据需要合并的行数，即类别id的个数
2，前台遍历数据前定义一个“计数器”，需要合并的列一直处于隐藏(除了第一列)，计数器的值为实体类的count，每遍历一次值就会减1，当减到0时计数器被重新赋值，即开始新一轮的合并与隐藏
话不多说上代码：
核心就在js
网友评论