在表格中显示页码

Question

我正在将Material UI table和Table Pagination一起使用，并且试图显示当前页面以及3个首页和3个先前页面，而不是显示计数金额。 / p>

我在TablePagination

中添加了以下内容

<TablePagination labelRowsPerPage='' ...OtherSettings />

但是我仍然得到相同的结果。如何更改上图中的文本，使其显示页面而不是行数？

Answer 1

就Material Design而言，它旨在显示行（如分页部分的Material Design Table Behaviour中所述）。

但是，尽管如此，您可以尝试使用labelDisplayedRows组件的TablePagination道具来默认修改为行显示的文本，而是根据行数据显示页数。会是这样的：

<TablePagination
    ...OtherSettings,
    labelDisplayedRows={() => {
      return `${page}-${Math.floor(rows.length / rowsPerPage)}`;
    }}
/>

此外，还有working sandbox demo和TablePagination组件的相关道具文档：documentation。