React:antd的table可伸缩列

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React:antd的table可伸缩列相关的知识,希望对你有一定的参考价值。

参考技术A 参考文件: https://blog.csdn.net/bin_zi_123/article/details/103163225

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

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

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

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

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

以上是关于React:antd的table可伸缩列的主要内容,如果未能解决你的问题,请参考以下文章

antd Table 可伸缩列没有效果

antd table实现可伸缩列

antd table 让行宽不变

共享单车—— React后台管理系统开发手记:AntD Table高级表格

4手把手教React Native实战之flexbox布局(伸缩属性)

架构高可用可伸缩