Блог

Я следую приведенному здесь примеру Codesandbox Example, и по умолчанию я могу сортировать каждый столбец, нажимая на каждый заголовок. Если у меня есть таблица, подобная следующей:

Я хочу отсортировать их, используя отдельный выпадающий компонент с параметрами:

• Сортировка баллов от высокого к низкому
• Сортировка баллов от низкого к высокому
• Сортировка имени от высокого к низкому
• Сортировка имени от младшего к старшему
• Сортировка фамилии от высокого к низкому
• Сортировка фамилии от младшей к старшей

Как мне это сделать, используя react-table v7?

В документах useSortBy есть методы, которые вы можете использовать для этого: toggleSortBy и setSortBy .

toggleSortBy: Function(ColumnId: String, descending: Bool, isMulti: Bool) => void

Эта функция может использоваться для программного переключения сортировки для любого конкретного столбца

setSortBy: Function(sortBy: Array<Object<id: columnId, desc: Bool = true>>) => void

Эта функция может использоваться для программной настройки sortBy для экземпляра таблицы.

Вот форк песочницы setSortBy, чтобы дать вам представление о том, как использовать эти методы.