在 Ag Grid 中隐藏过滤器行

Posted 2023-03-28

【中文标题】在 Ag Grid 中隐藏过滤器行

【英文标题】：Hide filter row in Agrid

【发布时间】：2020-06-22 01:19:30

【问题描述】：

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

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

演示地址：https://plnkr.co/edit/6bGd5RHKuI9Th1cN

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

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

还是 Ag-grid 的问题？

问题图片：

有什么想法吗？

【问题讨论】：

还发现直接在标记中设置floatingfilter属性=true时设置gridoptions.floatingfilter属性=false会导致这个问题

【参考方案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>