如何在TanStack Table v8中设置默认列过滤器？初始状态配置无效

问题核心是state的优先级高于initialState：当你在useReactTable配置中传入了state.columnFilters，initialState里的对应配置会被忽略——外部维护的状态会直接覆盖初始设置。

要实现默认过滤owner列为Alice，直接把默认规则放到columnFilters的状态初始化里即可：

// 初始化columnFilters状态时直接加入默认过滤规则
const [columnFilters, setColumnFilters] = useState([
  { id: 'owner', value: 'Alice' }
]);

// 表格初始化代码保持其余配置不变
const table = useReactTable({
  data,
  columns,
  getCoreRowModel: getCoreRowModel(),
  getPaginationRowModel: getPaginationRowModel(),
  onSortingChange: setSorting,
  getSortedRowModel: getSortedRowModel(),
  onColumnVisibilityChange: setColumnVisibility,
  onColumnFiltersChange: setColumnFilters,
  getFilteredRowModel: getFilteredRowModel(),
  filterFromLeafRows: false,
  getFacetedRowModel: getFacetedRowModel(),
  getFacetedUniqueValues: getFacetedUniqueValues(),
  state: {
    sorting,
    columnFilters,
    columnVisibility,
  },
  initialState: {
    pagination: {
      pageSize: 8,
    }
    // 此处无需再配置columnFilters，已通过state初始化完成
  }
});

如果坚持要通过initialState配置，需要确保外部的columnFilters初始值为undefined，且不在state中传入该字段，但这种方式会导致无法通过setColumnFilters后续更新过滤状态，因此不推荐。

内容的提问来源于stack exchange，提问作者Yogesh