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

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

1.需先对数据进行排。

 

 

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

 

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

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

 

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yue200403

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值