Question

I am using a tooltip plugin called qTip2.

I would like to be able to show a tooltip, when a user puts the mouse over a column in my table. So it doesnt matter which row in the column the user choses, and the tooltip should not turn off while switching rows.

Is it possible to accomplish this?

qTip2 works with classes, so i would have to give each row in the column the same class name and tooltip-text for it to work. And it would turn on and off while switching between rows in the same column.

So what i would like to know is, if there is a global way to mark a whole column in a table with one class?

Thanks

Answer 1

Using jQuery you could do this after the table is built…

$("#tableID tr td:nth-child(n)").addClass("column-class");

Change the tableID, the (n) in nth-child to the column number (1 based, not 0) and change column-class to the class name you want to add.

You could alternatively handle the mouseover and mouseleave events with the same code, rather than adding the class, but it sounds easier to use the class name if you’ve already got a plugin doing other things.