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

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

1.需求背景

• 最近开发财务项目中使用到了UI框架antdv，而使用最多的就是a-table了，它继承了antD表格的许多优点，在表格内容自定义功能上是有绝对的优势的。在财务项目中更多的会与数字打交道，从而就不可避免的需要使用到表格列合计功能。
• 如果是没有分页的表格列合计功能是简单的，但是带有分页功能的表格列合计功能可不是那么简单的，好了，话不多说，进入主题吧。

解决方案

• 1.首先我的方法是通过新加一合计行的原理来进行的，所以首先在请求数据的回调中对要合计的项自行进行累加计算。

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

  • // 1.分页参数设置（默认一页展示20条）
    ipagination: {
           
       current: 1,
       pageSize: 20,
       pageSizeOptions<