I have a table with fixed columns, I've set up CSS styles to highlight the rows on hover, but only the fixed columns highlight when I hover over them or the non-fixed columns when I hover over them.
Is it possible to have the entire row (fixed and non-fixed columns) highlight when I hover on any cell in the row?
Thanks.
Here's the CSS I'm using to highlight the rows (only "even" included for example):
The first line, "tr.even:hover td", provides the highlighting for the fixed columns, the other two, beginning with "#mtTable", provide the highlighting for the non-fixed columns.
Is it possible to have the entire row (fixed and non-fixed columns) highlight when I hover on any cell in the row?
Thanks.
Here's the CSS I'm using to highlight the rows (only "even" included for example):
tr.even:hover td, #mtTable tr.even:hover td, #mtTable tr.even:hover td.sorting_1 { background-color: #FFFF88; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000; }
The first line, "tr.even:hover td", provides the highlighting for the fixed columns, the other two, beginning with "#mtTable", provide the highlighting for the non-fixed columns.