material-ui如何更改TablePagination中的初始rowsPerPage

Question

是新使用的材料，我想删除选择的“每页行数”并显示'n'行，例如10行。

<TablePagination
          rowsPerPageOptions={[]}
          component="div"
          count={rows.length}
          rowsPerPage={10}
          page={page}
          backIconButtonProps={{
            "aria-label": "Previous Page"
          }}
          nextIconButtonProps={{
            "aria-label": "Next Page"
          }}
          onChangePage={handleChangePage}
          onChangeRowsPerPage={handleChangeRowsPerPage}
        />

但是，该表继续显示5行。我该如何改变这种行为？预先感谢

Answer 1

它不起作用，因为它是一种状态，并且您没有以正确的方式进行更改，在此Material-UI示例中，您必须像在{{的第119行中那样，对React.useState()进行初始化3}}示例。

const [rowsPerPage, setRowsPerPage] = React.useState(10); // this line will be the starting

Answer 2

我尝试了接受的答案，但是这需要对各个行的呈现方式进行更细粒度的控制。 如果您只想更改呈现的初始行数，则将pageSize（在文档https://material-table.com/#/docs/all-props中看到）传递给MaterialTable的options属性，就像这样

 <div>
      <MaterialTable
        icons={tableIcons}
        columns={props.column_mapper}
        data={props.data}
        title="Fancy Title Here"
        options={{
          search: true,
          exportButton: true,
          pageSize:10
        }}
      />
 </div>