antdv表格a-table带分页列合计功能方案总结

antdv表格a-table合计功能实现总结

1.需求背景
  • 最近开发财务项目中使用到了UI框架antdv,而使用最多的就是a-table了,它继承了antD表格的许多优点,在表格内容自定义功能上是有绝对的优势的。在财务项目中更多的会与数字打交道,从而就不可避免的需要使用到表格列合计功能。
  • 如果是没有分页的表格列合计功能是简单的,但是带有分页功能的表格列合计功能可不是那么简单的,好了,话不多说,进入主题吧。
解决方案
  • 1.首先我的方法是通过新加一合计行的原理来进行的,所以首先在请求数据的回调中对要合计的项自行进行累加计算。

  • 2.在a-table组件中进行合计功能处理:

    • // 1.分页参数设置(默认一页展示20条)
      ipagination: {
             
         current: 1,
         pageSize: 20,
         pageSizeOptions<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

木屋x

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

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

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

打赏作者

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

抵扣说明:

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

余额充值