Bootstrap and server side processing

mrortner

I have ran into a problem that I assume sDom could possibly fix but I am new to DataTables and would love some help. I have a code igniter app with DataTables and bootstrap integrated. The table headers are not DataTable default. All my tables look great until I needed to pull data back via server side. This table's headers seems to be the DataTable default even though my class is the same as the other tables. I have hard coded the headers but am allowing DataTables to draw the body. Everything looks great except the header row of the table. They spacing should be different and should have a white background and there should be no arrows. All these work great in my other DataTables but not when I am using server side processing. Can anyone help me with this? Unfortunately this is an internal app so I can't send anyone to look at the page. Some sample code would be great or a help with this fix.

Below is my code.

[code]




Action
Facility Name
Customer Code
Check In Date
Check In Time
Check Out Date
Check Out Time



<?php echo $this->table->generate(); ?>



$(document).ready( function () {
var oTable = $('#transactions').dataTable();
oTable.fnDestroy();
var oTable = $('#transactions').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": '<?php echo base_url(); ?>index.php/transactions/datatable/',
"bJQueryUI": true,
"sDom": "<'row'<'span5'l><'span6'f>r>t<'row'<'span5'i><'span6'p>>",
"sPaginationType": "bootstrap",
"bSortClasses": false,
"bProcessing": true,
"sSearch": "Search all columns:",
"oLanguage": {
"sProcessing": ""
},
'fnServerData': function(sSource, aoData, fnCallback)
{
$.ajax
({
'dataType': 'json',
'type' : 'POST',
'url' : sSource,
'data' : aoData,

'success' : fnCallback
});
},
});
});//end document.ready


[/code]