Как исправить проблему сброса нумерации страниц в таблице ответов? - PullRequest
Новая
       34

Как исправить проблему сброса нумерации страниц в таблице ответов?

0 голосов
/ 16 апреля 2019

Я работаю для функции, в которой мне нужно применить фильтр вне компонента, использующего таблицу реакции, но номер текущей страницы не сбрасывается после применения фильтра.Извлекаемый результат (применял разбиение на страницы на стороне сервера) показывает данные первой страницы.

Я пытался использовать обратный вызов onFetchData для изменения номера текущей страницы, но он не запускается, когда фильтр извнекомпонент применяется. 

render() {
    const { orders, onUpdate } = this.props;
    const defaultPageSize = 50;

    return (
      <div className="admin-report-table">
        <ReactTable
          data={orders.ordersData}
          columns={this.columns}
          pages={Math.ceil(orders.count / defaultPageSize)}
          defaultPageSize={defaultPageSize}
          multiSort={false}
          showPageSizeOptions={false}
          showPaginationTop
          className="-striped -highlight"
          noDataText="No orders found. Please check your connection or change your filters."
          filterable
          manual // informs React Table that you'll be handling sorting and pagination server-side
          onFetchData={(state) => {
            const { page, pageSize, filtered, sorted } = state;
            const adjustedPage = page + 1; // since library page starts from 0

            onUpdate({
              page: adjustedPage,
              filtered,
              pageSize,
              sorted,
            });
          }}
        />
      </div>
    );
  }

Номер страницы должен быть сброшен на 1, например, текущее отображение - Страница 2 из 3, после применения фильтра извне таблицы результат выбирается и отображается, но страница2 из 3 не изменяется, пока результат в таблице соответствует странице 1.

...