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

Question

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

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

字段类型为字符串

但这给了我这样的东西，

但我想要像下面这样我可以输入和搜索的地方。

任何人都可以建议我 help.Thanks。

Answer 1

您正在使用 agSetColumnFilter 过滤器，它允许您从值列表中 select 作为过滤依据。您需要使用 agTextColumnFilter 过滤器（参见 Here）。

将您的代码更改为：

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

Demo.