素材巴巴 > 程序开发 >

Antd table 行列合并且分页正常展示

程序开发 2023-09-09 10:38:01

基本思想:这里考虑行合并,行合并应是根据行的某个属性相同来合并,所以该属性要作为一个参数;再者,数据需要根据该属性进行排序,得到相同属性值相邻的数据;最重要一步就是计算要合并的行数了,思路下面第二步已给出,主要是如何计算每一个相同属性值的数据条数(即合并的行数值)。最后一个难点是要在分页时也能正常显示,这里采用的方法是对数据先进行处理,通过currentPage每次只取该页的数据量,再用该数据量去计算合并的行数值。

1.需先对数据进行排。

 

 

 2.计算合并的行数,value是对应得值,data是表格数据,index是对应得索引,dataIndex是属性值,即对应要合并的行的属性值。

 

 这里应该还能优化,多思考思考就行。

3.效果图,第一页和第二页,分页之后效果杠杠的。

 


标签:

上一篇: js三级联动选择城市插件 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。