Antd table 行列合并且分页正常展示
程序开发
2023-09-09 10:38:01
基本思想:这里考虑行合并,行合并应是根据行的某个属性相同来合并,所以该属性要作为一个参数;再者,数据需要根据该属性进行排序,得到相同属性值相邻的数据;最重要一步就是计算要合并的行数了,思路下面第二步已给出,主要是如何计算每一个相同属性值的数据条数(即合并的行数值)。最后一个难点是要在分页时也能正常显示,这里采用的方法是对数据先进行处理,通过currentPage每次只取该页的数据量,再用该数据量去计算合并的行数值。
1.需先对数据进行排。
2.计算合并的行数,value是对应得值,data是表格数据,index是对应得索引,dataIndex是属性值,即对应要合并的行的属性值。
这里应该还能优化,多思考思考就行。
3.效果图,第一页和第二页,分页之后效果杠杠的。
标签:
上一篇:
js三级联动选择城市插件
下一篇:
相关文章
-
无相关信息