How to prevent aoColumnDefs applying to header and footer in DataTables?

darkhorn

This is a part of my code where I apply class name into table cells.

[code]"aoColumnDefs" : [{
"sClass" : "email",
"aTargets" : [0]
}][/code]

However it applies also into tfoot and thead ths. How I can make it apply only into tbody th?

BLSully

The "easy" answer is whatever CSS rules you're writing for the table, just make them more explicit:

[code]
tbody .email {
//rules
}
[/code]

instead of
[code]
.email {
//rules
}
[/code]

Same applies if you're using the class to bind events:

[code]
$('#myTable').on('click', 'tbody .email', function() {});
[/code]

darkhorn

Great! It worked. BLSully , thank you very much!