AG Grid tooltip takes long time to render
As of Ag-grid 23.0.0, this is configurable by the tooltipShowDelay
configuration option.
For earlier versions, Ag-grid used an internal service called TooltipManager
which was not configurable.
The default delay was 2 seconds:
private readonly MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 2000;
For these earlier versions, you could manually get the service reference from the bean bag and override it, but for versions 23.0.0 and up this is not necessary.
private onGridReady(params: GridReadyEvent) { // NB! This is unsupported and may break at any time try { (params.api as any).context.beanWrappers.tooltipManager.beanInstance.MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 0; } catch (e) { console.error(e); }}
There is now a property for this called tooltipShowDelay
, it was included in version 23.0.0 released on march 17th 2020. Docs https://www.ag-grid.com/javascript-grid-properties/#miscellaneous and changelog https://www.ag-grid.com/ag-grid-changelog/?fixVersion=23.0.0
This is directly "borrowed" from user demostheneslld who commented on the ag-grid GitHub feature request, but you can set enableBrowserTooltips: true
on the grid options object and then the tooltips will be displayed natively by the browser, rather than formatted by ag-grid. The tooltips then appear almost instantly.