Highlight a single row with CSS?

coral

Hello, i read the docs and found "Of course the highlighting of a row is easy enough using CSS".

I wonder how to do this easy enough row highlighting?

allan

Hi coral,

tr:hover {
background-color: blue;
}

should do the trick :-)

You can see this in action here (along with Javascript column highlighting): http://datatables.net/examples/example_highlight.html

Allan

andrewmoreno

Allan, it appears that there may be issues with this example and IE 6 (don't you just hate IE???)

The below code highlights rows correctly in Chrome and Firefox, but not IE 6. Any ideas?

[code]
$('#example tbody td').hover( function() {
var iCol = $('td').index(this) % 5;
var nTrs = oTable.fnGetNodes();
$('td:nth-child('+(iCol+1)+')', nTrs).addClass( 'highlighted' );
}, function() {
var nTrs = oTable.fnGetNodes();
$('td.highlighted', nTrs).removeClass('highlighted');
} );
[/code]