Antd 表格数据分页加载,并且能够跨页选择数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Antd 表格数据分页加载,并且能够跨页选择数据相关的知识,希望对你有一定的参考价值。

参考技术A 最近在项目中遇到表格数据量较大的情况,所以考虑进行分页加载,并且需要能够记录跨页的选项,于是想到一种客户端根据数据总长度进行表格数据初始化的操作,再根据页码进行数据填充,避免一次行请求过多数据。
客户端设置如下:

服务端设置如下:其中35代表数据总长度,8代表客户端中表格每页条目数,可以根据需求修改

antd Table 上拉加载更多数据

参考技术A table不分页 然而数据又很多,所以数据需要做分页加载

查找antd 没找到上下拉加载对应的API

原来的实现方式:
在table外加一层div 监听table与div的位置变化来控制数据加载
但这样实现会在table滑动的时候 表头页滑上去了

支持同一页面内多个表格

以上为本人的开发笔记,如有问题或其他实现方式请留言交流。
谢谢!

以上是关于Antd 表格数据分页加载,并且能够跨页选择数据的主要内容,如果未能解决你的问题,请参考以下文章

antd 组件 select 分页懒加载 autocomplete onPopupScroll

word表格分页后最上面的边框不显示怎么办

antd表格分页

Vue中使用Element-UI实现表格跨页多选

antd Table 上拉加载更多数据

通过后台SQL获取分页数据,在使用VUE-Element-Table 表格选择多行数据时,怎样在