antd -Table

antd -Table,第1张

1、表头

2、表格中每列都有编辑和删除按钮

3、可扩展的表格

4、可勾选以及全选 *** 作的表格

5、表格中带有输入框的

6、表格中添加一行新数据

7、加载样式:

在table中加入loading={}

设置默认加载为true,然后当请求中拿到数据之后,设置为false。

例:查看该投资机构下的所有投资项目的融资情况:

---------在单页面动态创建多个表,每个表分别展示每个投资项目的融资记录

1.根据投资项目的个数动态创建table的数量

ps:每一个表格的首列也是可以自定义数据

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

以下是实现的过程。

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

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

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存