DataGrid - 每页的行数下拉列表不存在

Question

根据 DataGrid Material-UI API，rowsPerPage 下拉列表必须存在于 TableFooter 中，如官方文档中所述：

https://material-ui.com/components/data-grid/pagination/#page-size 但是当我在 CodeSandbox 中打开此示例时，UI 中没有此功能： https://codesandbox.io/s/f8fv5 如何在我的 DataGrid 中添加 rowsPerPage？

Answer 1

您可以使用rowsPerPageOptions，如下所示

 <DataGrid
  pageSize={pageSize}
  onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}
  rowsPerPageOptions={[5, 10, 20]}
  pagination
  {...data}
/>