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

我使用的是ag grid（vanilla javascript），希望用户能够单击过滤器框（以及过滤器图标）来显示过滤器选项

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

我在文档中找不到允许这种情况发生的任何信息，也想不到实现这一点的方法

我创建了一个Plunker示例，您可以在这里看到：

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

如有任何建议，将不胜感激

    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
    }
  },
];