ag-grid-angular 中的下拉过滤器

Question

我在我的项目中使用“ag-grid-angular”。

这就是过滤器当前的样子。我想要一个下拉菜单而不是搜索框。此外，我想将该列中存在的唯一元素放置在下拉值中。我怎样才能实现这个功能？

我尝试过使用“IFilterAngularComp”，但它不起作用。

Answer 1

您可以使用

agMultiColumnFilter

或

agSetColumnFilter

来实现此目的，它将显示唯一值，并且在选择时将过滤网格。

带有演示的官方文档链接

...
public columnDefs: ColDef[] = [
    { field: 'athlete' },
    { field: 'age', filter: 'agNumberColumnFilter', maxWidth: 100 },
    {
      field: 'date',
      filter: 'agDateColumnFilter',
      filterParams: filterParams,
    },
    { field: 'country', filter: 'agSetColumnFilter' },
    { field: 'sport', filter: 'agMultiColumnFilter' },
    { field: 'gold', filter: 'agNumberColumnFilter' },
    { field: 'silver', filter: 'agNumberColumnFilter' },
    { field: 'bronze', filter: 'agNumberColumnFilter' },
    { field: 'total', filter: false },
  ];
  ...