Customize Tooltip component for Dash Grid

I am currently using Custom Tooltip feature for my dash ag-grid table.
So now I can show custom HTML element as Custom Tooltip when a User hovers on Column Header and Column Cell.

But I still cannot customize the Tooltip on Column Sidebar. It shows plain html text on the default tooltip.

Any solution to fix this?

Hi @trinta and welcome to the dash community :slightly_smiling_face:

Can you post what you have tried so far?

Thanks for your attention @AnnMarieW
I want to show html element for tooltip on ag-grid table like this example.

Tooltip Component | Dash for Python Documentation | Plotly

So it works well for table header / cells.

image

But it doesn’t work for column sidebar.

image

Oh, I see. I’m not sure how to do that. Since you are using AG Grid Enterprise, if you ask the AG Grid support team for an example in React, we could help adapt it for Dash.