1

我正在尝试自定义 a 中的行数MUIDataTable，但似乎默认值始终保持在 10。这就是我尝试过的：

  <MUIDataTable
      pagination="true"
      count="5"
      title={"Proposals"}
      data={data.hits}
      columns={columns}
    />

我也尝试添加page="1"，但似乎没有效果。我该如何解决这个问题？

4

1 回答 1

5

参考 MUI-Datatables 的文档

原因

您需要在表格的options道具中提供它

<MUIDataTable
  options={{
    count: 10,
    ...
  }}
  ...
/>

并且count适合您的需求，page用于另一个功能

page：用户提供的分页计数起始页
：用户提供的总行数覆盖

添加

顺便说一下，你可以通过添加两个相关的道具来实现特定的分页，

rowsPerPage：每页允许的行数
rowsPerPageOptions：在分页中为用户可以选择的行数提供的选项

使用示例如下：

<MUIDataTable
  options={{
    rowsPerPage: 20,
    rowsPerPageOptions: [10, 15, 20],
    ...
  }}
  ...
/>
于 2020-03-03T12:08:20.370 回答