如何在 ag-grid Angular 中添加过滤器？

Posted 2023-03-24

【中文标题】如何在 ag-grid Angular 中添加过滤器？

【英文标题】：How to add filter in ag-grid Angular?

【发布时间】：2021-05-07 11:08:01

【问题描述】：

我想实现一个带有文本框的过滤器（如搜索）。我正在尝试按如下方式实现它，

 this.columnDefs = [
  
    field: 'athlete',
    filter: 'agSetColumnFilter',
  ]

字段的类型是字符串。

但这给了我这样的东西，

但我想在下面输入和搜索。

谁能帮帮我。谢谢。

【参考方案1】：

您正在使用agSetColumnFilter 过滤器，它允许您从值列表中进行选择以作为过滤依据。您需要使用agTextColumnFilter 过滤器（请参阅Here）。

将您的代码更改为：

  this.columnDefs = [
  
    field: 'athlete',
    floatingFilter: true
    filter: 'agSetColumnFilter',
  ]

Demo.