帶有數字的 Antd tabe 過濾器

Question

我想使用帶有一組數值的過濾器來過濾表，例如查找 0 或 Null 的計數

這對我不起作用`

filters: [
        { text: "zero", value: 0 },
        { text: "null", value: "null" }
      ],

`

Answer 1

您需要插入 onFilter 函數，例如：

const columns = [
    {
      title: "Name",
      dataIndex: "name",
      key: "name"
    },
    {
      title: "Age",
      dataIndex: "age",
      key: "age",
      onFilter: (value, record) => record.age === value,
      filters: [
        {
          text: "null",
          value: null
        },
        {
          text: "0",
          value: 0
        }
      ],
      filterSearch: true,
      sortDirections: ["descend"]
    }
  ]; 

cod沙盒示例