Display custom tooltip for header cell

Tags: #<Tag:0x00007f8b1d27a268>
#1

I would like to display a customized tooltip for a header cell.
Unfortunately, the tooltip is always in the background due to the other layers (cells) of the handson table. I guess this is why a z-index of 9999 does not work.

Is there a way to implement this?

Here’s a jsfiddle of my attempt: http://jsfiddle.net/moyzv78a/9/. Change the css attribute “top” to 50% and a part of the tooltip will be displayed in the given cell.

#2

Hi @dennis

I recommend using HTMLs title if you do not need to show any icons or formatted text http://jsfiddle.net/handsoncode/Lhmv5x4k/

Trigger code when cell is in view
#3

Hi @aleksandra_budnik, thank you for your reply.
Unfortunately, I need formatted text inside the tooltip. And in this case the title-attribute is not an option.

#4

You can try to use our hooks afterOnCellMouseOver/afterOnCellMouseOut. Here’s a demo that may help https://jsfiddle.net/handsoncode/ugcspwak/

#5