ag-Grid 在没有悬停的情况下显示列过滤器和排序按钮

Question

我正在使用 Angular 并且有一个带有 列过滤器和排序 的 ag-grid-angular 组件。正如您在 this documentation page, the user has to hover over them to see them. This can also be seen in this Plunker.

的第一个示例中看到的

我们预计会出现新用户不知道如何使用这些功能的问题，因此我们希望它们始终出现而无需悬停。我已经尝试更改各种ag-theme-material.css 中的东西（这是我们正在使用的主题）但无济于事。我尝试更改 ag-column-drop-cell-button 和其他我可能怀疑是决定行为的 class 的内容。

Answer 1

我发现有一个特定的属性 of ag-grid-angular 为此。您只需将 supressMenuHide 设置为 true。

  <ag-grid-angular
   ...
   [suppressMenuHide]="true">
  </ag-grid-angular>

ag-Grid 在没有悬停的情况下显示列过滤器和排序按钮

ag-Grid show column filter and sort buttons without hover

ag-grid

angular