Row Highligting...

brianmm

I am trying to implement row highlighting according to http://datatables.net/examples/example_highlight.html

I cannot seem to blend it into my code, also I do not want column hightlight?



$(document).ready(function() {
$('#example').dataTable( {
"bPaginate": false,
"bSort": false,
"aoColumns": [
/* Name */ { "bSortable": false,
"bSearchable": true },
/* Writable */ { "bSortable": false,
"bSearchable": true },
/* Readable */ { "bSortable": false,
"bSearchable": true },
/* Type */ { "bSortable": false,
"bSearchable": true },
/* Size */ { "bSortable": false,
"bSearchable": true },
/* Action */ { "bSortable": false,
"bSearchable": false }
] } );
} );

allan

Hi brianmm,

Do you have:

tr:hover { background-color: blue; } /* or whatever colour you want */

in your css?

Allan

brianmm

yes... I did try that, but weirdly it also applied it to the table headers too???

allan

Yup - your table header is a TR element as well. So the selector should apply to it!

If you don't want this to happen you can try:

tbody tr:hover { ... }

brianmm

Cheers, works for me :)

Should have known that been doign CSS long enough! Been a busy week!