文章/答案/技术大牛

发布

社区首页 >问答首页 >蚂蚁设计，在只有页面时隐藏分页

问蚂蚁设计，在只有页面时隐藏分页
EN

Stack Overflow用户

提问于 2020-08-31 10:24:32

回答 3查看 2.3K关注 0票数 1

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

但它仍然出现在页码上：

此外，我尝试了所有的组合，如：

Pagination={{false}
pagination={false}
pagination={"false"}

但一切都不正常。你能帮帮我吗？目前要测试的最大数值是4到表中。

我使用的配置：

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

非常感谢您的时间！

antd

ant-design-pro

回答 3

Stack Overflow用户

发布于 2021-09-08 11:41:16

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

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

票数 1

Stack Overflow用户

发布于 2022-03-10 07:05:46

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

职位：“无”，“无”

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

您可以添加更多的显示条件。

有关更多细节：https://ant.design/components/table/

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

票数 0

Stack Overflow用户

发布于 2022-05-20 10:56:23

今天，我们可以使用hideOnSinglePage选项(常见问题)：

<Table
  columns={COLUMNS}
  dataSource={data}
  pagination={{ pageSize: PAGE_SIZE, hideOnSinglePage: true }}
/>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63669007

复制

相似问题

问蚂蚁设计，在只有页面时隐藏分页
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问蚂蚁设计，在只有页面时隐藏分页EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问蚂蚁设计，在只有页面时隐藏分页
EN