MUIDataTable строки по умолчанию на странице не работает

Question

Я пытаюсь настроить количество строк в MUIDataTable, но кажется, что по умолчанию всегда остается 10. Это то, что я пытался:

  <MUIDataTable
      pagination="true"
      count="5"
      title={"Proposals"}
      data={data.hits}
      columns={columns}
    />

Я также пытался добавить page="1" но, похоже, не имеет никакого эффекта. Как мне это решить?

Answer 1

См. Документ MUI-Datatables

Причина

Вам необходимо указать его в опциях вашей таблицы

<MUIDataTable
  options={{
    count: 10,
    ...
  }}
  ...
/>

И count соответствует вашему требованию, page используется для другой функции

страница: предоставленная пользователем стартовая страница для разбивки на страницы
count: пользователь предоставил переопределение для общее количество строк

Добавление

Между прочим, вы можете достичь заданного значения c подкачки, добавив два связанных реквизита,

rowPerPage: Number количество строк, разрешенных для каждой страницы
rowPerPageOptions: параметры, предоставляемые в разбивке на страницы для количества строк, которые пользователь может выбрать

Пример использования, как показано ниже:

<MUIDataTable
  options={{
    rowsPerPage: 20,
    rowsPerPageOptions: [10, 15, 20],
    ...
  }}
  ...
/>