Как сделать сортировку по умолчанию в реагирующей таблице

Question

Я использую реагирующую таблицу v7 https://www.npmjs.com/package/react-table для создания таблиц.

1. Я могу выполнить сортировку по всем столбцам, ссылаясь на этот пример сортировки https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/sorting. Теперь я не хочу сортировать все столбцы, кроме некоторых столбцов specfi c, и я хочу отсортировать 2 столбца по умолчанию по убыванию. Может кто-нибудь, пожалуйста, помогите мне с этим.

2. После применения фильтров к таблице я хочу удалить все примененные фильтры. Может кто-нибудь помочь в решении этой проблемы тоже?

Спасибо

Answer 1

Другой ответ был дан для таблицы реакции, в которой не использовались реагирующие хуки (

const {
    getTableProps,
    getTableBodyProps,
    ...
} = useTable(
    {
        columns,
        ....,
        initialState: {
            sortBy: [
                {
                    id: 'columnId',
                    desc: false
                }
            ]
        }
    }

Answer 2

вы можете передать отсортированные параметры в ReactTable, пожалуйста, попробуйте с кодом ниже. А для очистки попробуйте нажать кнопку вызова очистить функцию.

  constructor(props) {
    super(props);
    this.state = {
      sortOptions: [{ id: 'age', desc: true },{ id: 'visits', desc: true }],
     }
  }

 <Table 
    sorted={this.state.sortOptions}
    onSortedChange={val => {
    this.setState({ sortOptions: val }) }}
    columns={columns} 
    data={data} />

у меня работает https://codesandbox.io/s/stupefied-hoover-ibz6f

Answer 3

Спасибо большое! Наконец-то я разобрался с ответом! Что касается сортировки по умолчанию, я отсортировал данные таблицы по убыванию и по умолчанию получил данные по убыванию. А для кнопки очистки Как очистить все фильтры в таблице реакций , пожалуйста, перейдите по этой ссылке!