Question

我想使过滤器图标在Ag-grid中永久可见。当前的行为是，只有当我将鼠标悬停在列标题上时，这些列中的过滤器图标才变得可见。

这是我正在使用的列定义的示例。

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

正确的答案是在WIN64中或直接在HTML suppressMenuHide上设置gridOptions

suppressMenuHide设置为true始终显示列菜单按钮，而不是仅在鼠标悬停在列标题上方时显示。

Answer 2

您只需一个小的CSS就可以实现它。无需考虑ColDef。

看看我创建的小品： Built-In Filters Icon - show by default

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

如何使搜索图标在ag-grid的列中永久可见？

2 个答案: