Reag pagination не обновляет данные страницы при изменении номера страницы - PullRequest
Новая
       10

Reag pagination не обновляет данные страницы при изменении номера страницы

0 голосов
/ 29 октября 2019

Я новичок в реакции и использую компонент «ReactTable» для отображения данных вместе с нумерацией страниц. При изменении страницы номер страницы обновляется, но отображаемые данные не обновляются (если номер страницы установлен в диапазоне от 1 до 2, таблица не обновляется для отображения следующих данных со второй страницы). Кроме того, изменение количества строк не всегда работает. Я понимаю, что мне придется написать триггерную функцию, но я не знаю, как и где ее написать.

Вот как выглядит нумерация страниц для таблицы: Изображение разбиения на страницы

Я обнаружил несколько пользовательских кодов нумерации страниц, но они не работали. Кроме того, я заинтересован в том, чтобы делать это с помощью встроенного кода пагинации в компоненте. 

    <ReactTable
         data={this.props.results.relations}
         minRows={0}
         showPagination={true}
         defaultPageSize={10}
         defaultFilterMethod={(filter, row) =>
              String(row[filter.id]).toLowerCase().includes(filter.value.toLowerCase())}
         columns={[
           {
             Header: "Column1",
             accessor: "col1",
             width: 70,
             filterMethod: (filter, rows) =>
             matchSorter(rows, filter.value, { keys: ["col1"] }),
             filterAll: true
           },
           {
             Header: "Column2",
             accessor: "col2",
             width: 150,
             filterMethod: (filter, rows) =>
             matchSorter(rows, filter.value, { keys: ["col2"] }),
             filterAll: true
           }
         ]} 
   />
...