Как сделать так, чтобы значок поиска постоянно отображался в колонке в ag-grid?

Question

Я хочу, чтобы значок фильтра постоянно отображался в Ag-сетке. Текущее поведение таково, что значки фильтров в столбцах становятся видимыми только при наведении курсора на заголовки столбцов.

Это пример определения столбца, которое я использую.

this.ColumnDefs=[{"headerName":"Interface","field":"interfaceName",sortingOrder: ['asc','desc', 'null'],width:120,cellStyle:{'text-align': "left"},unSortIcon: true},
{"headerName":"Status","field":"status",sortingOrder: ['asc','desc', 'null'],width:120,cellStyle:{'text-align': "left"},unSortIcon: true},
{"headerName":"Runtime","field":"lastDate",sortingOrder: ['asc','desc', 'null'],width:150,cellStyle:{'text-align': "left"},unSortIcon: true}]

Как мне достичь этого результата?

Answer 1

Правильный ответ здесь для установки suppressMenuHide в gridOptions или непосредственно в HTML [suppressMenuHide]="true"

suppressMenuHide Устанавливается в true, чтобы всегда показывать кнопку меню столбца, а не только когда мышь находится над заголовком столбца.

Answer 2

Вы можете достичь этого с помощью небольшого CSSНе нужно учитывать ColDef.

Взгляните на созданный мной план: Значок встроенных фильтров - показывать по умолчанию

.ag-header-icon.ag-header-cell-menu-button {
  opacity: 1 !important;
}