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

标签 javascript angularjs ag-grid

我想让过滤器图标在 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}]

我怎样才能达到这个结果?

最佳答案

正确答案在这里设置suppressMenuHidegridOptions或直接在 HTML [suppressMenuHide]="true"

suppressMenuHide Set to true to always show the column menu button, rather than only showing when the mouse is over the column header.

关于javascript - 如何使搜索图标在 ag-grid 的列中永久可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55449240/

相关文章:

javascript - Angular 表达式不适用于 html

javascript - .addClass() 无法正常工作

javascript - 如果两个关联数组有一个字段值相同,则从它们中获取字段值

javascript - 不使用模板引擎时如何在 Express.js View 中包含 CSS 文件?

javascript - 使用 CSS 将 Muses 广播播放器居中

angular - 使用服务器端数据源时,标题复选框的选择不起作用

angularjs - 如何在 AngularJS 绑定(bind)中获取小数的整个部分

angularjs - 在$ scope。$ watch上实现延迟

javascript - AngularJS 暂停 $watch 进行内部更新

angularjs - ag-grid 在最后一列右侧呈现额外的空白列