javascript - antd - 具有分页控件的 ant 设计表支持小部件来选择每页的行？

Question

Ant Design Table Controller 是否采用 Pagination 组件，而不是普通的属性对象。我需要添加一个切换器，以便在每页的行之间切换。

目前它是在分页组件中实现的。

Answer 1

如果您只需要选择每页的行数，那么以下代码应该适合您:

<Table
    dataSource={...}
    pagination={{ defaultPageSize: 10, showSizeChanger: true, pageSizeOptions: ['10', '20', '30']}}
>

基本上包装了 Pagination props到分页对象中，并将其传递到您的 Table 组件中。

如果您需要更多自定义，您可能需要考虑关闭默认的表格分页并连接自定义分页组件。示例代码: