我在工作中使用 antd table React Js。现在,我需要改变 antd table 中的分页行为。我需要控制分页组件上的上一个和下一个按钮。出于这个原因,我需要为 antd 表进行自定义分页。要求是:
- 表内的数据将检索 50 条记录/API 调用。
- 表格内的数据将显示10条记录/页。
next如果系统中有剩余数据但尚未检索,则分页按钮将启用,否则将禁用。例如,系统中有 100 条记录。第一次 API 调用将获得 50 条最新记录(没有 100 - 50)并将呈现到表中。由于一页将显示 10 条记录,因此它将分为 5 页。用户到达第 5 页后,该next按钮将可用,因为系统中还有 50 条记录。如果用户单击next,将第二次调用 API 并附加表内的数据,总页数将为 10,因为已检索到所有数据。next按钮将在第二次 API 调用后禁用,用户只能转到第 10 页的最后一页。
我相信 antd 分页不支持控制next和按钮,因为我在文档(https://ant.design/components/pagination/#API)中prev找不到控制next和按钮状态的道具。对于表格文档,我也找不到更改分页组件的道具。( https://ant.design/components/table/#API )
我的问题是,如何将我的自定义分页组件嵌入到 antd table 中?需要注意的是,我的表格还具有过滤和排序功能。所以,我不想改变这些函数的行为。示例代码和解释真的很棒,谢谢。prev