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

Question

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

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

我也试过加page="1"，但是好像没有效果。我该如何解决这个问题？

Answer 1

参考 MUI 数据tables' document

您需要在 table

的 options 属性中提供它

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

而 count 对您的需求是正确的，page 用于另一个功能

page: User provided starting page for pagination
count: User provided override for total number of rows

对了，你可以通过添加两个相关的props来实现特定的分页，

rowsPerPage: Number of rows allowed per page
rowsPerPageOptions: Options to provide in pagination for number of rows a user can select

用法示例如下：

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

MUIDataTable default rows in page doesn't work