ant-design-vue table表格添加合计行(完美解决篇)

思路：从后端获取数据后，前端计算生成合计行push到表格数据源中。

但是！！！ 这样会遇到问题：a-table返回数据大于pagination.pageSize数据不显示问题，这个是vue2、vue3都有的问题。

通俗点说，就是设定pageSize为10，后台也返回10条，但是通过push合计行变成了11条，这样会导致合计行不显示。

解决思路：请求数据之后设置pageSize+1，然后a-table的:pagination="false"，引用自定义的分页组件

先上效果图！！！

第一步：设置a-table的:pagination="false"

第二步：引入自定义分页组件

import Pagination from '@/components/jeecgbiz/Pagination' //引入 Pagination组件

components: {
    Pagination,
  },

第三步：形成合计行数据

全部源码如下：

自定义分页Pagination.vue