React Table：在全局过滤器中过滤特定列答案

【问题标题】：React Table: Filtering specific columns within a Global FilterReact Table：在全局过滤器中过滤特定列
【发布时间】：2020-09-11 16:17:06
【问题描述】：

我目前正在尝试构建一个 Airtable 式过滤器组件。我想知道是否可以使用useGlobalFilter 挂钩以编程方式选择要过滤表的列。例如，Airtable 使用位于给定表格边界之外的组件来实现表格过滤。在这个组件内部，有一个下拉菜单可以选择应用filterValue 的列，还有一个下拉菜单可以为给定列选择filterType。根据 react-table 的documentation，似乎useGlobalFilter 用于构建存在于表之外的过滤组件。但是，根据文档的code sandbox example，对于过滤，useGlobalFilter 似乎也将过滤值应用于所有列而不是特定列。

我的问题是，是否可以使用 useGlobalFilter 在表格之外创建过滤 UI 的能力，并有办法选择应用 filterValue 和 filterType 的列，所有这些都来自全局过滤？

如果可能，是否有人愿意提供有关实施的提示或建议？请让我知道这个任务是否更适合 useFilter 或 react-table 的 API 的其他部分。

我提供了 Airtable 过滤器组件的屏幕截图，作为我想要构建的示例。任何反馈或建议将不胜感激！

【问题讨论】：

标签： reactjs filtering react-table airtable

【解决方案1】：

`const columns = React.useMemo(
    () => [

        {
            Header: 'Group Name',
            accessor: 'name',
            // disableGlobalFilter: true
        },

        {
            Header: 'Created',
            accessor: 'sector',
            disableGlobalFilter: true,
        },
        
    ],
    []
)`

将此添加到要禁用全局过滤器的列内的列数组中

【讨论】：