Changing row color doesn't affect sorted column

markjo

Inside my datatable I change a row's column with this:
[code]$('#id12').closest("tr").css('background-color', 'red');[/code]
Row's background color changed to red. Except the column that is sorted.
That column's color is still the same.

Then I put an important tag, but it didn't change anything.
[code]$('#id12').closest("tr").css('background-color', 'red', 'important');[/code]

markjo

I added a demo to here:
http://live.datatables.net/iwazex/3/

2nd and 3rd rows become red except the 8th column cell.

allan

This class is overriding it: `tr.even td.sorting_1`. Just remove it form your CSS.

Allan

markjo

Thank you very much it solved :)

I suppose "!important" doesn't affect child elements.

markjo

I use "myCallback()" for fnDrawCallback of table.
I suppose I also need to remove class inside the function of myCallback().
Because after removing "sorting_1" and then clicking column title, "sorting_1" class appears again.
Must I remove class inside the callback ?
Thank you.

markjo

Thank you very much :)