如何在AG Grid中同时应用多列过滤？

你只需要依次为目标列设置过滤条件，最后统一触发过滤变更即可——AG Grid默认的多列过滤逻辑就是同时满足所有列条件（AND），不需要额外配置。

完整实现代码 #

// 为FirstName列设置过滤条件：匹配Bob
const firstNameFilter = gridOps.api.getFilterInstance('FirstName');
firstNameFilter.setModel({ values: 'Bob' });
firstNameFilter.applyModel();

// 为LastName列设置过滤条件：匹配Smith
const lastNameFilter = gridOps.api.getFilterInstance('LastName');
lastNameFilter.setModel({ values: 'Smith' });
lastNameFilter.applyModel();

// 统一触发过滤变更，此时表格会展示同时满足两列条件的数据
gridOps.api.onFilterChanged();

补充说明 #

如果之前出现“满足任一条件”的情况，大概率是你无意中修改了过滤的逻辑模式（比如设置了全局过滤的OR运算符）。可以通过调用gridOps.api.getFilterModel()查看当前过滤模型，确认各列条件是并列的，没有外层的OR包裹。

内容的提问来源于stack exchange，提问作者JaRule1986