Showing tooltip over column header

nagyalex

Hello, can anyone help?

Description of problem:
Currently we use abbreviations inside column headers, otherwise the table would be too wide. So for a column name "Aggregated number of visitor conversions" we show only "ANVC", which is terrible considering we have dozens of such headers.

Is there a way to a have small helper - when I hover the column header cell it would show tooltip with the full name? Even something simple would suffice like natively supported tooltip like for images / titles.

Thanks

allan

You could use the abbr HTML tag with a title attribute. The MDN documentation has an example.

The other option is to use a tooltip library (popper for example would work) in combination with a mousehover event.

Allan