是否有可能不在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

实现自己的过滤器逻辑。 React-table为您自己实现它所需的一切提供回调：

onPageChange: undefined,
onSortedChange: undefined,
onFilteredChange: undefined,

检查道具部分文档，并有详尽的文档。