javascript - 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

我尝试了接受的答案，但是这需要对各个行的呈现方式进行更精细的控制。如果您只想更改呈现的初始行数，请将 pageSize(参见文档中的此处 https://material-table.com/#/docs/all-props)传递给 MaterialTable 的选项属性，如下所示

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