页面中的 MUIDataTable 默认行不起作用

Question

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

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

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

Answer 1

请参阅 MUI-Datatables文档

原因

您需要在表的options属性中提供它

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

并且count适合您的需求，page用于其他功能

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

添加

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

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

使用示例如下：

<MUIDataTable
  options={{
    rowsPerPage: 20,
    rowsPerPageOptions: [10, 15, 20],
    ...
  }}
  ...
/>