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

【问题标题】：How to add filter in ag-grid Angular?如何在 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',
  }]

【讨论】：