隐藏Agrid中的过滤器行

时间:2020-03-10 06:40:07

标签: ag-grid-angular ag-grid

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

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

演示在https://plnkr.co/edit/6bGd5RHKuI9Th1cN

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

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

还是Ag-grid问题?

问题图片:

enter image description here

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

根据文档:Floating Filters

  • 浮动过滤器是列标题下的另一行,用户可以在其中查看和选择编辑与每一列关联的过滤器。

  • 浮动过滤器依赖于主列过滤器并与之配合。

因此,当您在网格级别设置[floatingFilter]="true"时,将显示其他行。但是,当您为每行设置filter = false时,该行将保持空白。

如果您想隐藏该行,则可以按照以下特性设置属性:https://plnkr.co/edit/AriPNpPsWs0zuISI

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