是否可以不让 React 表中的所有列都可过滤

Question

我正在研究反应表中的过滤器方法的实现。如果我添加filterable属性，它会在所有列中为我提供过滤器输入，但我不想在特定列中添加过滤器输入。

对此有什么解决办法吗？

Answer 1

如果您希望特定列不可过滤，您可以在创建列时指定它，如下所示：

const columns = [
  {
    Header: 'NotFilterableColumn',
    accessor: 'notFilterable',
    filterable: false  //This makes the column not filterable
  },
  {
    Header: 'FilterableColumn',
    accessor: 'filterable',
  }
]

因此，为 ReactTable 提供可过滤属性不会使NotFilterableColumn可过滤:)（换句话说，该列将没有过滤器输入）

Answer 2

要禁用反应表中特定列的过滤器，请将disableFilters选项添加到该列。它接受一个布尔值。下面是一个代码片段

   const columns = [
  {
    Header: "Name",
    accessor: "Project Name",
    disableFilters:true
    }]

阅读文档中的更多内容