Ant design table filter：如何在过滤器中限制为一个选择

Question

我想同时启用最多 1 个过滤器。我正在使用 Ant 设计 table。

对于下面的示例，我希望能够 select 男性或女性，而不同时选择这两个选项。

代码取自Ant设计文档：

  {
    title: 'Gender',
    dataIndex: 'gender',
    filters: [
      { text: 'Male', value: 'male' },
      { text: 'Female', value: 'female' },
    ],
    width: '20%',
  },

是否有任何简单的技巧可以将 selection 的最大值限制为 1？

Answer 1

将 filterMultiple 设置为 false

 {
    title: 'Gender',
    dataIndex: 'gender',
    filters: [
      { text: 'Male', value: 'male' },
      { text: 'Female', value: 'female' },
    ],
    filterMultiple: false,
    width: '20%',
  },

Ant design table filter：如何在过滤器中限制为一个选择

Ant design table filter: How to limit to one selection in the filter

web-frontend

reactjs

antd