PrimeReact 3.4, DataTable, сортировка только в контролируемом режиме - PullRequest
Новая
       17

PrimeReact 3.4, DataTable, сортировка только в контролируемом режиме

1 голос
/ 06 марта 2020

Я использую компонент DataTable Primereact 3.4 в «управляемом» режиме: я предоставляю данные, sortField, sortOrder и onSort, как показано в их примере кода: 

<DataTable value={this.state.cars} sortField={this.state.sortField} sortOrder={this.state.sortOrder} onSort={(e) => this.setState({sortField: e.sortField, sortOrder: e.sortOrder})}>
    <Column field="vin" header="Vin" sortable={true}/>
    <Column field="year" header="Year" sortable={true}/>
    <Column field="brand" header="Brand" sortable={true}/>
    <Column field="color" header="Color" sortable={true}/>
</DataTable>

I'm также используется разбиение на страницы, поскольку это очень большой блок данных; Я показываю 50 записей на странице.

Все работает как положено, за исключением того, что когда пользователь сортирует столбец, Datatable выполняет сортировку, как в неконтролируемом режиме - сортирует 50 строк, которые он имеет в DOM - - а затем вскоре после этого моя функция сортировки завершается, предоставляя DataTable вновь отсортированные данные из моего внутреннего API.

Как мне сообщить DataTable только использовать мою функцию сортировки, а не также попытаться сделать свою собственную, неконтролируемую сортировку?

...