antd table 的分页道具

Posted 2023-03-10

【中文标题】antd table 的分页道具

【英文标题】：pagination prop for antd table

【发布时间】：2018-08-18 19:21:22

【问题描述】：

我正在使用来自 antd 库的 Table 组件。我想将分页道具传递给 Table 组件。在文档中，它说传递指向 Pagination 组件本身的分页配置对象。

所以我使用分页组件道具名称作为键传递分页对象 <Table pagination=pageSizeOptions : ['30', '40'], showPageSizeOptions : true ...otherProps />

但是当我在 react-inspector 中检查 Table 组件时，我在组件 props 中看不到分页道具，但它在组件状态中存在并且具有默认值。

如何使用 Table 组件的分页属性？

【问题讨论】：

我用的是antd 3.2.1

我发现这篇文章很有用blog.emiketic.com/2018/…

【参考方案1】：

将“showPageSizeOptions”替换为“showSizeChanger”。

即

<Table pagination=  pageSizeOptions: ['30', '40'], showSizeChanger: true rowSelection=rowSelection columns=columns dataSource=data />

【参考方案2】：

创建一个分页配置对象并将其与对象扩展语法一起使用！

config = pagination : pageSizeOptions : ['30', '40'], showSizeChanger : true

<Table ...config ...otherProps />

它有效，但不明白这两种语法的两种语义之间的原因和区别。