antd - react table表格需要展示合计行

Posted 2023-03-09

参考技术A antd UI框架中table表格本身没有合计行功能需要自己实现，
以下是实现的过程。
1.在设置column时添加序号列，序号为0时显示‘合计’

2.在传data时注意处理下后端返回的total数据

3.这个时候表格显示上会出新问题，因为合计占了一行，导致下面数据展示少了一行，所以需要让pagesize+1

4.因为pageSize在传值的时候多加了1，这样传给后台就又不对了，所以在发送请求之前再重新令pageSize - 1，这样问题就解决了。