跳到主要内容
+

数据表格 - 多重筛选

同时应用多个筛选条件。

多重筛选允许通过多个列和多个条件筛选行。要添加更多筛选条件,请使用筛选面板上的“添加筛选条件”按钮。

以下演示允许您同时根据多个条件筛选行。

每列一个筛选条件

您还可以限制每列仅一个筛选条件,同时仍然允许筛选其他列。为此,请使用 filterColumnsgetColumnForNewFilter 属性,这些属性在 slotProps.filterPanel 中可用。

用例

  • 有时,某些服务端筛选 API 限制为每列仅允许一个筛选条件。
  • 您还可以编写自定义逻辑以防止某些列显示为可能的筛选条件。

此演示实现了一个基本用例,以防止为一个列显示多个筛选条件。

禁用操作按钮

要禁用“添加筛选条件”或“移除全部”按钮,请将 disableAddFilterButtondisableRemoveAllButton 传递给 componentsProps.filterPanel