ANT table表格合并

 

1.    合并前提

1. 后台返回数据必须是:相同重复的数据必须是连在一起的，这样前台才能通过rowspan方法合并表格数据。（这是前提，后台需要注意）

2.步骤

1.前台需要根据后台返回的数据内容，根据相应参数对前台数据进行比较合并，（历史重复数据反馈页面返回数据的标识参数是flag,）

 

1. 后台需要给相同的数据添加一个相同的标识字段，像flag字段，方便前台合并数据，可以参照历史数据反馈页面编写，（如果不能返回标识字段，前台也可以根据数据里面相同的字段进行合并）
2. 合并方法：

1）  在需要合并的table页面引入getMergeArr.js方法，这个方法的作用是处理后台返回数据，把后台返回的list数据，提取其中需要的字段，拆分成一个对象字段，具体格式可以自己前台console下。（可以去utils/index.js里面学习）

调用方法：

 

2）  在columns里面找到需要合并的字段

合并方法：

这里的每一个flag[text]都是一个数组对象，具体的可以console出flag整体对照理解,每当index和他对应的数组对象里面的第一个值相同时，给他赋值上相应的num值,然后行合并，合并长度为数组长度。

(没有flag参数，前台可以根据json里面相同的字段值，进行比较合并)

 

 

 

其他合并的情况：对于某些列具有相同字段值的合并(了解地址：system/userManage)

 

 

其他合并情况，可以参照上述两种情况进行参数的修改

 

转载于:https://www.cnblogs.com/xiaohuai12388/p/8531736.html