Question

我正在研究React表中的实现过滤方法。如果我添加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',
  }
]

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

Answer 3

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

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

阅读更多in document

是否有可能不在React表中使所有列都可过滤

3 个答案: