如何使搜索圖標在 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

正確的答案是在gridOptions或直接在 HTML [suppressMenuHide]="true"設置suppressMenuHide gridOptions

suppressMenuHide設置為 true 以始終顯示列菜單按鈕，而不是僅在鼠標懸停在列標題上時顯示。

Answer 2

你可以用一個小的 CSS 來實現它。 無需考慮ColDef 。

看看我創建的 plunk：內置過濾器圖標 - 默認顯示

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