gpt4 book ai didi

javascript - 如何添加 react 表默认过滤器

转载 作者:行者123 更新时间:2023-12-05 02:05:45 25 4
gpt4 key购买 nike

我正在使用 react-table 7.0.4 ( https://www.npmjs.com/package/react-table )。我想在第一次加载表时为“状态”列(“leaveRequestStatus”)应用默认过滤器(过滤器是一个下拉列表)。我试过像这样使用“defaultFiltered”但不起作用,既没有在下拉列表中选择“Pending”选项也没有过滤数据,

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

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

还有其他方法吗?谢谢。

最佳答案

 const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable(
{
columns,
data,
initialState: {
filters: [
{
id: 'leaveRequestStatus',
value: 'Pending',
},
],
},
},
useFilters,

);

https://react-table.tanstack.com/docs/api/useFilters

关于javascript - 如何添加 react 表默认过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63212102/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com