如何在material-react-table中设置初始每页行数？

仅通过muiTablePaginationProps配置rowsPerPageOptions不会修改组件默认的初始每页行数（默认是10），需要同时配置initialState属性指定初始分页大小。

修改后的代码如下：

<MaterialReactTable
  columns={columns}
  data={data}
  initialState={{ pagination: { pageSize: 20 } }} // 设置初始每页显示20行
  muiTablePaginationProps={{
    rowsPerPageOptions: [20, 50],
    showFirstButton: false,
    showLastButton: false,
  }}
/>

initialState.pagination.pageSize会覆盖组件默认的10行初始值，配合rowsPerPageOptions定义的可选分页选项，就能实现初始加载时显示指定行数的效果。

内容的提问来源于stack exchange，提问作者Jeremy Bernier