not highlighted when $(nRow).effect('highlight') called

dnagirl

Here is a demo to illustrate the issue: http://jsfiddle.net/halifaxious/UCtLa/

I would expect all the columns in a row to be affected by the jQueryUI highlight effect when it is applied to the row. But it seems that the background colour called for by the sorting class overrides the effect. I'd prefer not to remove the sorting column colour difference. Can someone suggest a way to make .effect(highlight) affect *all* the columns in a row?

Thanks,
Jen

allan

Remove the sorting classes - since they have a background colour, which doesn't allow the background TR colour so show through them.

Allan

dnagirl

Turns out it's easier to highlight the s than to remove one of several possible 'sorting_*' classes and then add it back. If it helps anyone else, like so:

[code]
$('td',$(nRow)).effect('highlight');//use td instead of tr so td background colour doesn't cover highlight
[/code]

allan

Or you could just remove the three lines from the CSS file, rather than slowing it down with modifying classes. Or use the bSortClasses option to disable them :-)

Allan

dnagirl

All good options. But as I said in my question, I'd prefer not to remove the sorting column colour difference. Highlighting the s doesn't break any other functionality.