Forums

I have searched all over internet and tried to find a way to add a tooltip to the datatable headers.
I want to replace the standard "Click to sort..:" for some of the header-fields in my datatable but must be stupid because I cant find a hint anywhere on how to do this. I suspect that it could be quite simple to do but somehow I cant find any solution after 4 hours of googling and trying.

Could someone please give a YUI-neewb some help... please..

Thanx for the answer Satyam!
I try to provide tooltips for each column in the header so manipulating the constants would change for all the columns and thats not working for me.

I will try another approach, with an Information icon in the header with the label, with a tooltip connected to the icon and see if that works better.

I think one problem with that approach is that the standard tooltip is always shown when the mouse pointer is over the header which would display both my tooltip and the standard tooltip at the same time.

Could you post an example for this?

Or a short code snippet of how this was done?

That is what the ToolTip utility, part of the Container family, does for you. If you want to show more fancy tooltips, that is the best choice.

Regarding your showToolTip method, it is not good to use getChildren or, in general, assume a particular structure on the HTML the DataTable produces. Now that it is not longer a maintained product it is not bound to change but, in general, you should not assume the markup will remain stable. Instead, use the many getXxxxEl() methods which provide you with getters for most HTML. For example, the ScrollDataTable actually uses two separate HTML tables, if you play with the DOM, you might end up using the wrong one. Let DataTable tell you which one is using.