Disable selected (sorted) column highlighting.

joeldr

Seems like this should be an easy one but I can't locate the answer.

I'm using datatables 1.9.4 with the bootstrap as discussed in this blog post http://datatables.net/blog/Twitter_Bootstrap_2. I've got it working but what is different from the example, is that when I sort a column the column cells are highlighted purple via the
table.dataTable tr.odd[even] td.sorting_1 class.

How do I disable this?

I included DT_bootstrap.css, DT_bootstrap.js, and I'm getting jquery.dataTables.min.js and jquery.datatables.css from the CDN.

I hope that is enough information, I can't easily link to an example.

Thanks,

Joel

This is what my script section looks like.
[code]

$(document).ready(function () {
$('#tablelist').dataTable({
"sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>"
});
});

$.extend($.fn.dataTableExt.oStdClasses, {
"sWrapper": "dataTables_wrapper form-inline"
});

[/code]

oktav2k3

Try to not include the jquery.datatables.css file. DT_bootstrap.css should cover everything.

allan

Use the bSortClasses option.

Allan

joeldr

Thanks, I overlooked bSortClasses.

I also didn't realize jquery.datatables.css and DT_bootstrap.css were mutually exclusive, I thought DT_bootstrap.css was just some overrides. This information was very timely as it solved another problem I was just having!

Regards,

Joel