Material UI 分页格式问题

【问题标题】：Material UI pagination formatting issueMaterial UI 分页格式问题
【发布时间】：2021-08-07 13:14:23
【问题描述】：

我正在使用材质 UI 表格分页并面临以下问题。每页选项应如下所示

但是，它坏了，看起来像这样

有人可以帮忙吗？

【问题讨论】：

你能把你的分页道具贴在这里

标签： reactjs react-redux material-ui

【解决方案1】：

您是否重写了 rowsPerPage 字段？

这就是我使用 TablePagination API 的方式

<TablePagination
  rowsPerPageOptions={[10, 15, 20]}
  component="div"
  count={items.length}
  rowsPerPage={rowsPerPage}
  page={page}
  onChangePage={(e, page) => setPage(page)}
  onChangeRowsPerPage={(e) => setRowsPerPage(parseInt(e.target.value, 10))}
 />

这看起来像第一张图片，我觉得有点变化

【讨论】：

【解决方案2】：

在没有看到代码的情况下发现问题有点复杂，但是您可以在以下 URL 的 material-ui 文档中找到几个表实现示例：https://material-ui.com/components/tables/

有一个叫做排序和选择的似乎是您正在寻找的东西：(https://material-ui.com/components/tables/#sorting-amp-selecting)

您可以在此处的代码沙箱上找到您想要的完整实现示例：https://codesandbox.io/s/f71wj?file=/demo.js

【讨论】：