【问题标题】:How To use pagination in antd table?如何在 antd table 中使用分页?
【发布时间】:2020-08-08 00:53:53
【问题描述】:

我在 Antd vs.3.1.4 上。我正在使用来自 antd 库的 Table 组件。一世 想将分页道具传递给 Table 组件。 但是当我去下一页并返回上一页时,行会 自动增加 我只想显示 3 行,而其他行将进入分页

<Table

     columns={columns}
     pagination={{ pageSizeOptions: ["5", "10", "15", "15"], defaultPageSize: 3 }}
/>

【问题讨论】:

标签: antd


【解决方案1】:

您可能还需要设置pageSize。此外,pageSizeOptions 仅在 showSizeChangertrue 时有效。

pagination={{ pageSizeOptions: ["5", "10", "15", "15"], pageSize:3, showSizeChanger:true, defaultPageSize: 3 }}

尺寸更改下拉菜单仅在屏幕足够宽的情况下可见,因此如果它不可见,您可能需要调整视口。

https://codesandbox.io/s/cranky-maxwell-gpne1?file=/index.js

【讨论】:

    猜你喜欢
    • 2018-08-18
    • 1970-01-01
    • 2021-09-03
    • 2021-12-27
    • 2020-02-03
    • 2022-06-10
    • 1970-01-01
    • 2020-01-08
    • 2022-11-28
    相关资源
    最近更新 更多