Я новичок в использовании материала, и я хочу удалить выбор «Строки на странице» и показать «n» строк, например, 10.
<TablePagination
rowsPerPageOptions = {[]}
component = "div"
count = {rows.length}
rowsPerPage = {10}
page = {page}
backIconButtonProps = {{
"aria-label": "Previous Page"
}}
nextIconButtonProps = {{
"aria-label": "Next Page"
}}
onChangePage = {handleChangeEventPage}
onChangeRowsPerPage = {handleChangeEventRowsPerPage}
/>
Но таблица продолжает показывать 5 строк. Как я могу изменить это поведение? заранее спасибо



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Это не работает, потому что это состояние, и вы меняете его неправильно, в этом примере Material-UI вам нужно инициализировать значение в React.useState(), как я сделал в строке 119 примера это.
const [rowsPerPage, setRowsPerPage] = React.useState(10); // this line will be the starting
Однако я попробовал принятый ответ, который требует более точного контроля над отображением отдельных строк. Если вы просто хотите изменить начальное количество отображаемых строк, передайте pageSize (см. здесь, в документах https://material-table.com/#/docs/all-props) в свойство options MaterialTable следующим образом
<div>
<MaterialTable
icons = {tableIcons}
columns = {props.column_mapper}
data = {props.data}
title = "Fancy Title Here"
options = {{
search: true,
exportButton: true,
pageSize:10
}}
/>
</div>