Sort Col Highlight Conflicting with Selected Row Highlight

jdadwilson

Sorry, but I can't provide an example as my issue occurs in my Admin area.

The issue is not really a DT issue but rather a CSS issue within a DT.

I have a 'normal' DT... 5 columns by multiple rows. Columns 1, 3, and 5 are sortable. Each row can be selected to populate a form with the row content. When a column is sorted the background color of the row is highlighted to indicate the sorted column (e.g., pastel blue).

Then I scroll/page through the rows until I locate the record I want to edit. When a row is selected it also is highlighted to indicate which row/record was selected (e.g., pastel green). Ugly result!

As a 'design' feature I would like for the row to be entirely 'paste green' but alas, the junction cell is 'pastel blue' not 'pastel green'.

Any clue as to the CSS needed to make this happen?

TIA for any assistance
jdadwilson

allan

Hi,

It appears to work okay here so I'm afraid we would need a link to a test case showing the issue. I suspect you need to take account of the sort highlight class and the select highlight class together - the built in stylesheets do that.

Failing that, you could disable the sort highlighting class.

Allan