如何使“设置过滤器”框以及过滤器图标可单击

Question

我正在使用ag-grid（香草javascript），希望用户单击过滤器框（以及过滤器图标）以显示过滤器选项。

当前它是只读的，只能通过单击过滤器图标来访问。

我找不到文档中的任何信息来允许这种情况发生，并且无法想到实现此目的的方法。

我创建了一个Plunker示例，您可以在这里看到它： https://plnkr.co/edit/XQP8FFzSaaknRSMh2zdN?p=preview

    var columnDefs = [{
headerName: 'Athlete',
field: 'athlete',
width: 150,
filter: 'agSetColumnFilter',
filterParams: {
  cellHeight: 20,
  values: irishAthletes(),
  debounceMs: 1000
}
  }, {
    headerName: 'Country',
     field: 'country',
    width: 140,
    cellRenderer: 'countryCellRenderer',
keyCreator: countryKeyCreator,
filter: 'agSetColumnFilter',
filterParams: {
  selectAllOnMiniFilter: true
    }
  },
];

我希望用户能够单击标题中的过滤器框（例如，“运动员”下方的框）以显示相关的过滤器选项。就像他们单击了过滤器图标一样。

任何建议将不胜感激。