Material UI - 移除组件 TablePagination 中的“Rows per page”答案

【问题标题】：Material UI - Remove "Rows per page" in the component TablePaginationMaterial UI - 移除组件 TablePagination 中的“Rows per page”
【发布时间】：2018-12-27 00:08:56
【问题描述】：

如何删除选择的“每页行数”？我不想在我的项目中使用它...

【问题讨论】：

标签： material-ui

【解决方案1】：

您应该在文档中找到正确答案。对于rowsPerPageOptions 的财产，有人说：

自定义每页选择字段的行选项。如果可用的选项少于两个，则不会显示任何选择字段。

所以你必须指定rowsPerPageOptions={[]}，就是这样。可以在here找到文档。

【讨论】：

我没有问这个问题，只是想说对不起。
这是一个很好的解决方案，但它会在 Material UI 5 中显示错误：Material-UI: The page size 100 is not preset in the rowsPerPageOptions Add it to show the pagination select.
这很奇怪。我尝试在codesandbox.io/s/goimt?file=/demo.js 中设置 rowsPerPageOptions={[]} 并且在控制台中没有发现任何错误。请检查您的项目，也许您有错误。

【解决方案2】：

只需将TablePagination 标记中的属性labelRowsPerPage 分配给一个空字符串。

<TablePagination
  labelRowsPerPage=''
  {...otherProps}
  />

【讨论】：

【解决方案3】：

只需将分页设置为 false 的选项属性添加到您的材料表的 JSX 调用中

<MaterialTable
    //your other props
    options={{
        paging: false
    }}
/>

【讨论】：

【解决方案4】：

很遗憾，我还不能发表评论。

但对于 MUI 5，我在尝试空数组时遇到错误。

原因可能是我的 pageSize 设置为 5，所以以下对我来说效果很好：

            pageSize={5}
            rowsPerPageOptions={[5]}

这是对 FooBar 评论的回答：

这是一个很好的解决方案，但是它会在Material UI 5中显示错误：Material-UI：在rowsPerPageOptions中没有预设页面大小100添加它以显示分页选择。 – FooBar 10 月 26 日 14:26

【讨论】：