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

antd - react table表格需要展示合计行,第1张

antd UI框架中table表格本身没有合计行功能需要自己实现,

以下是实现的过程。

1.在设置column时添加序号列,序号为0时显示‘合计’

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

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

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

1、在电脑桌面里将表格双击打开。

2、打开了表格,在里面输入下需要的数据,并将合计放在第一行,例如需要放在C1里面。

3、光标移到C1单元格,输入=之后,点击上面的fx公式。

4、然后在d出的窗口里面点击SUM函数。

5、点击了确定之后就会出现函数参数,点击Number1后面的单元格区域图标。

6、然后选中需要求和的所有单元格。

7、最后点击确定,这样就可以将合计放在第一行了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11630382.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存