小编Nic*_*jal的帖子

我对react-table v8过滤器的实现进行了稍微修改：https://tanstack.com/table/v8/docs/examples/react/filters

在原文中，他们似乎使用自定义过滤器函数来全局过滤表，但它需要另一个我不想包含的库，文档对此不是很清楚，但似乎有我想要的内置函数可以使用：https ://tanstack.com/table/v8/docs/api/features/filters

然而，一旦我更改表格，它就会停止过滤，我尝试不包括globalFilterFn并将其设置为globalFilterFn: "includesString"我提到的内置函数之一，但到目前为止没有任何效果。

这是我的代码：

import React from "react";
import ReactDOM from "react-dom/client";

import "./index.css";

import {
  useReactTable,
  getCoreRowModel,
  getFilteredRowModel,
  getPaginationRowModel,
  getSortedRowModel,
  FilterFn,
  ColumnDef,
  flexRender
} from "@tanstack/react-table";

//import { RankingInfo, rankItem } from "@tanstack/match-sorter-utils";

import { makeData, Person } from "./makeData";

/* declare module "@tanstack/table-core" {
  interface FilterMeta {
    itemRank: RankingInfo;
  }
}

const fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {
  // Rank the item
  const itemRank = rankItem(row.getValue(columnId), …