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

Question

Я использую таблицу реакций 7.0.4 (https://www.npmjs.com/package/react-table). Я хочу применить фильтр по умолчанию для столбца «Статус» («leaveRequestStatus») при первой загрузке таблицы (фильтр - это раскрывающийся список). Я пробовал использовать «defaultFiltered», как это, но не работает, ни опция «Ожидание» не выбрана в раскрывающемся списке, ни данные не фильтруются,

const columns = React.useMemo(() => [
{
  Header: 'Status',
  accessor: 'leaveRequestStatus',
  id: 'leaveRequestStatus',
  Filter: SelectColumnFilter,
  filter: 'includes',
},
....

<Table columns={columns} data={data} defaultFiltered={[{id:'leaveRequestStatus', value:'Pending'}]} />

Есть другой способ сделать это? Спасибо.

Answer 1

Фильтр должен быть упомянут как уровень каждого столбца. И как заголовок строки таблицы с его функцией. См. Ниже код sanbox:

https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/filtering?file= / src / App. js: 7168-7180 ​​