Скрыть строку фильтра в Agrid

Question

Я не могу скрыть плавающую строку фильтра.

вы заметите пустую строку, хотя фильтры не включены.

Демонстрация по адресу: https://plnkr.co/edit/6bGd5RHKuI9Th1cN

Источник демонстрационной версии аналогичен демонстрационной версии по умолчанию в https://www.ag-grid.com/javascript-grid-floating-filters/ с единственным исключением строки ниже, добавленной после кода объявления переменной columnDefs, чтобы скрыть столбцы

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

Или это проблема Ag-сетки?

Изображение проблемы:

Есть мысли?

Answer 1

В соответствии с документацией: Плавающие фильтры

• Плавающие фильтры - это дополнительная строка под заголовками столбцов, где пользователь сможет видеть и, при необходимости, видеть отредактируйте фильтры, связанные с каждым столбцом.

• Плавающие фильтры зависят и координируются с фильтрами основного столбца.

Следовательно, когда Вы устанавливаете [floatingFilter]="true" на уровне сетки, будет отображаться дополнительная строка. Однако, поскольку вы установили filter = false для каждой строки, строка останется пустой.

Если вы хотите скрыть строку, вы установите свойство согласно этому плану: https://plnkr.co/edit/AriPNpPsWs0zuISI

this.floatingFilter = false;

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