Javascript 如何在ag网格中添加过滤器？

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

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

字段的类型为字符串

但这给了我这样的东西

但我想在下面这样的地方我可以键入和搜索

谁能建议我帮忙吗？谢谢

---

您使用的是

agSetColumnFilter

过滤器，它允许您从要筛选的值列表中进行选择。您需要使用

agTextColumnFilter

过滤器（请参阅）

将代码更改为：

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