如何在 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.

【讨论】：

以上是关于如何在 ag-grid Angular 中添加过滤器？的主要内容，如果未能解决你的问题，请参考以下文章