是否可以访问个人 ag-grid 列 headers 以在其上实施：on-mouseover="method_name()"？

Question

我在我的项目中使用 ag-grid 来实现在一个综合动态 web-application.
中不同 Excell 文件中构建的工具我现在尝试实现的 Excel 功能是：
当我将鼠标悬停在 header 列上方时，一个 notice-shows-up 描述列的用途，您可能会在下面的 link:

中看到

我在 ag-grid 文档中搜索了一种访问单个 ag-grid 列 header 的 html 元素的方法，以便我可以将每个元素绑定到侦听器.
但是，我找不到解决方案。
这是组件 html 文件。如您所见，这是非常基本的。我添加了 on-mouseover 侦听器，只是为了测试它。

<ag-grid-angular
style="width: 3000px ; height: 1000px;"
class="ag-theme-balham"
[rowData]="rowData"
[columnDefs]="columnDefs"
pagination
(cellValueChanged)="onCellValueChanged($event)"
(gridReady)="onGridReady($event)"
on-mouseover="over()"
>

这是相关的打字稿代码：

columnDefs = [
    {
      headerName: 'Rattachement',
      field: 'rattachement',
      editable: true,
      cellEditor: 'agSelectCellEditor',
      cellEditorParams: {
        values: ['Audit', 'RA', 'Consulting', 'FA', 'Tax&Legal', 'ICS', 'Taj'],
      },

显然，网格上方的任何 "mouse move" 都会执行 over() 方法。而我想要的是：当鼠标悬停在某个列 header 上方时，我根据列 header ID 执行 over() 方法。我希望我说清楚了。
欢迎任何帮助。

Answer 1

我认为你走错了方向。无需处理 mousemove、mouseover.

等事件

您实际上应该为此使用 headerTooltip 属性或 ColDef。

所以，你的ColDef会像这样

{
  headerName: 'Rattachement',
  headerTooltip: 'whatever you like to show',  // <=
  field: 'rattachement',
  editable: true,
  cellEditor: 'agSelectCellEditor',
  cellEditorParams: {
    values: ['Audit', 'RA', 'Consulting', 'FA', 'Tax&Legal', 'ICS', 'Taj']
  }
}

是否可以访问个人 ag-grid 列 headers 以在其上实施：on-mouseover="method_name()"？

Is it possible to access individual ag-grid column headers to implement: on-mouseover="method_name()" on them?

html

css

ag-grid

angular