Ant Design，只有页面时隐藏分页答案

【问题标题】：Ant Design, Hide Pagination when there is the only pageAnt Design，只有页面时隐藏分页
【发布时间】：2022-03-10 15:05:46
【问题描述】：

根据文档 (first FAQ of Table documentation) 我有下一个代码：

<Table
    key={index + plant.name}
    columns={setColumns(plant.name, plant.id)}
    data={setData(plant)}
    pagination={{ defaultPageSize: 10, hideOnSinglePage: true }}
  />

但还是出现分页：

我也尝试过所有组合：

分页={{false}}
分页={false}
分页={"false"}

但是没有任何东西可以正常运行。请问你能帮帮我吗？目前要测试的值的最大数量是 4 入表。

我正在使用的配置：

MacOS 版本 10.15.6 (19G2021)
Ant 设计版 ^4.5.4
反应 ^16.13.1

非常感谢您的宝贵时间！

【问题讨论】：

pagination={false} 在 4.5.4 版本中工作正常，
我可以向你保证 "pagination={false}" 不会运行 :(
codesandbox.io/s/stackantdtablepagination-scdd9?file=/index.js 我制作了这个带和不带分页的代码框.. 希望对您有所帮助

标签： antd ant-design-pro

【解决方案1】：

您可以尝试检查列表中呈现的数据长度，如果数据长度超过 perPageRecord，则无法显示。

 pagination={data.length > perPageRecord  && { defaultPageSize: 10, hideOnSinglePage: true }}

【讨论】：

【解决方案2】：

我查看antd门户发现，如果要禁用分页显示，需要控制分页的位置。

位置：['none', 'none']

第一个是顶部，第二个是底部

<Table column={yourColumn} dataSource={yourDataSource} pagination={{ position: ['none', 'none'] }}/>

【讨论】：