Ag 网格将第二个 OR 或 AND 添加到列标题中的过滤器

Question

我有

ag-grid

并且我为列设置了过滤器：

"filter": 'agTextColumnFilter',
        "filterParams": {
          "filterOptions": ['equals', 'notEqual'],

我只能有两个过滤器值：

Starts with hhh AND Starts with

但我想要拥有三个或更多属性，例如：

aaa AND bbb AND ccc AND ddd

允许 Ag-grid 实现这一点吗？

Answer 1

如果要应用两个以上参数的黑白条件，则需要实现自己的 IFilterAngularComp。

https://www.ag-grid.com/javascript-grid-filter-component/#filter-component

ag-grid 文本过滤器中可能有超过 2 个条件吗？

Answer 2

对于整个列中的相同逻辑（或/与），可以使用

ITextFilterParams

接口并通过更改

maxNumConditions

值（默认值为 2）。可以在此处查看文档： https://www.ag-grid.com/angular-data-grid/filter-text/#reference-ITextFilterParams-maxNumConditions

改编自文档示例，以下是在列标题中启用 AG Grid 多重过滤器所需的行：

const athleteFilterParams: ITextFilterParams = { 
    filterOptions: ["contains","notContains"], maxNumConditions: 10
};

const columnDefs: ColDef[] = [
  {
    field: "athlete",
    filter: "agTextColumnFilter",
    filterParams: athleteFilterParams,
  },
];