Изменение позиции пользовательской подсказки Ag-grid

Question

Как изменить положение пользовательской подсказки? Пример: всегда показывать в верхнем правом углу таблицы

В настоящее время всегда показывать под курсором: pic1

Я хочу отобразить его в верхнем правом углу таблица: pic2

Пример кода с официального сайта Ag-grid:

https://www.ag-grid.com/javascript-grid-tooltip-component/#example -custom-tooltip

Спасибо за помощь!

Версия Ag-grid: 23

Answer 1

Существует tooltip-component, где стили автоматически добавляются Ag-Grid.

Попробуйте добавить следующее CSS:

.ag-tooltip-custom {
  top: 5px !important;
  right: 14px !important;
  left: auto !important;
}

!important важно, потому что мы нужно переопределить style, данное tooltip-component.

На рисунке я добавил к .ag-popup-child, но вы должны добавить его к .ag-tooltip-custom. Вы также можете поиграть с числами.