在 Ag Grid 中隐藏过滤器行

【问题标题】：Hide filter row in Agrid在 Ag Grid 中隐藏过滤器行
【发布时间】：2020-06-22 01:19:30
【问题描述】：

我无法隐藏浮动过滤器行。

即使没有启用过滤器，您也会注意到一个空行。

demo的来源与https://www.ag-grid.com/javascript-grid-floating-filters/的默认demo相同唯一的例外是在 columnDefs 变量声明代码之后添加以下行，以隐藏列

this.columnDefs.forEach(c => (c.filter = false));

还是 Ag-grid 的问题？

问题图片：

有什么想法吗？

【问题讨论】：

【解决方案1】：

根据文档：Floating Filters

浮动过滤器是列标题下的附加行，用户可以在其中查看和选择性地编辑与每列关联的过滤器。

浮动过滤器依赖于主列过滤器并与之协调。

因此，当您在网格级别设置[floatingFilter]="true" 时，将显示附加行。但是，由于您为每一行设置了filter = false，因此该行将保持为空。

如果您想隐藏该行，您将按照此 plunk 设置属性：https://plnkr.co/edit/AriPNpPsWs0zuISI

this.floatingFilter = false;

    <ag-grid-angular
      #agGrid
      ...
      [floatingFilter]="floatingFilter"
      ...
    ></ag-grid-angular>

【讨论】：