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

Question

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

有什么解决办法吗？

Answer 1

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

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

检查文档的 props 部分，里面有详尽的文档。

Answer 2

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

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

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

Answer 3

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

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

阅读更多in document

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

Is it possible not to make all columns filterable in React table

reactjs

react-table