Таблица начальной загрузки React не меняет размер

Я пытаюсь изменить свой response-bootstrap-table2, однако он не соответствует ни одной из переданных мной опций. Вот как выглядит часть моего оператора return для опций, которые передаются в компонент таблицы. Вот полезная ссылка, чтобы далеко

return {
    options: {
      bootstrap4: true,
      bordered: false,
      displayCaret: true,
      striped: true,
      showFilters: true,
      keyName: "key",
      keyField: "key",
      showColumnBorders: false,
      showPagination: true,
      sizePerPageList: [ 5, 10, 20 ],
      defaultSorted: [
        {
          dataField: "name",
          order: "asc"
        }
      ]
    },

Я четко устанавливаю sizePerPageList, но это не меняет его в пользовательском интерфейсе. Он просто показывает выпадающее меню с 10, 25, 30 и 50 вместо 5, 10 и 20. Я делаю это неправильно?

Вот как я это реализовал:

<SchemaTable
          options={SchemaSettings.options}
          schema={mySchema}
          data={mappedData}
          className="disable-hot-table-cells"
        />

SchemaSettings.options - это список получаемых опций.


reactjs react-bootstrap
person BluePilot    schedule 04.03.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Решение заключалось в том, что мне нужно было перекачать его в отдельный объект:

options: {
      bootstrap4: true,
      bordered: false,
      displayCaret: true,
      striped: true,
      showFilters: true,
      keyName: "key",
      keyField: "key",
      showColumnBorders: false,
      showPagination: true,
      defaultSorted: [
        {
          dataField: "name",
          order: "asc"
        }
      ],
      paginationOptions: {
        sizePerPage: 20,
        page: 1,
        alwaysShowAllBtns: true,
        hideSizePerPage: false,
        sizePerPageList: [5,10,20]
      }
person BluePilot    schedule 05.03.2020