How to apply css after ajax load

walank

I can't figure out why style is not applied to checkboxes in all rows. (it is on header). What should I do to apply CSS after ajax load ?

Below my js code:

[code]
var oTable = $('#example').dataTable({
"bDestroy": true,
"bProcessing": true,
"bJQueryUI": true,
"sAjaxSource": 'sources/sourcefile1.txt',
"sPaginationType": "full_numbers",
"bAutoWidth": true,
"sDom": 'R<"H"pf>rt<"F"lp><"clear">',
"aoColumns": [
{
"mData": null,
"mRender": function (oObj) {
return '';
}
},
{
"sClass": "center",
"mData": null,
"mRender": function (data, type, full) {
return '';
}
},
{ "mData": "pn" },
{ "mData": "description" },
{ "mData": "cd", "sClass": "center" },
{ "mData": "sn" },
{ "mData": "price" },
{
"mData": "cert",
"mRender": function (data, type, full) {
return 'Cert';
}

}
],
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [0, 1] },
{ "bVisible": false, "aTargets": [5,6] }
],
"aaSorting": [[3, 'desc']],
"fnInitComplete": function (oSettings) {
console.log('init complete');
}
[/code]

and html:
[code]





PN
Description
CD
SN
Price
Cert





[/code]