如何禁用和隐藏反应表的分页页脚？

Posted 2023-02-19

技术标签:

【中文标题】如何禁用和隐藏反应表的分页页脚？【英文标题】：How to disable and hide the pagination footer for react-table? 【发布时间】：2019-09-26 20:47:42 【问题描述】：

我是 react-table 的新手。目前我有一个 5 行表要在 react-table 上呈现，我不需要分页功能。我知道要关闭分页，可以通过“pagination=false”来完成。但是分页控件仍然显示，有没有办法隐藏它？

【问题讨论】：

【参考方案1】：

我刚刚找到了道具showPagination=false。试试看。

https://github.com/tannerlinsley/react-table/tree/v6#props

【讨论】：

【参考方案2】：

你可以在 ReactTable 中添加这样的 props

showPaginationBottom=false

您还可以根据数据行长度决定显示分页

showPaginationBottom=data.length > 10 ? true: false

【讨论】：

以上是关于如何禁用和隐藏反应表的分页页脚？的主要内容，如果未能解决你的问题，请参考以下文章