Можно ли получить доступ к отдельным заголовкам столбцов ag-grid для реализации: on-mouseover = "method_name ()" на них?

Question

Я использую ag-grid в своем проекте для реализации инструментов, которые встроены в разные файлы Excell, в одно комплексное динамическое веб-приложение.
Функция Excel, которую я сейчас пытаюсь реализовать, состоит в следующем:
Когда я наведу указатель мыши над заголовком столбца, появится уведомление, описывающее использование столбца, как вы можете видеть по следующей ссылке:

Я искал в документации ag-grid способ доступа к отдельным html-элементам заголовков столбцов ag-grid, чтобы я мог связать каждый из них со слушателем.
Однако я не смог найти решение.
Это HTML-файл компонента. Как видите, это очень просто. Я добавил слушателя при наведении мыши, просто для того, чтобы протестировать его.

<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'],
      },

Очевидно, что любое «движение мыши» над сеткой выполняет метод over (). И что я хочу это: Когда указатель мыши находится над заголовком столбца CERTAIN, я выполняю метод 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']
  }
}