javascript - 如何添加反应表默认过滤器
问题描述
我正在使用 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,
);
推荐阅读
- php - 如何在 laravel 路由中创建不包括某些 slug 的 slug 路由?
- django - 将发布数据传递给 Get() - Django
- javascript - 如何使标签标题平滑滚动?
- javacard - 预测卡上的 JavaCard 小程序大小
- wordpress - 如何使用 https:// 启动子域也获得相同的结果?
- ios - 是否可以为不同地区的 iOS 应用上传不同的元数据(应用信息、屏幕截图)
- yocto - Yocto Source Location 要定制?
- javascript - 在 react-native-maps 中显示标记的标注
- docker - Dockerfile 说 Copy failed: in .NET Core Dockerfile
- nunit-3.0 - Opencover - 命令行中的 NUnit3 没有结果