Jquery datatable horizontal scroll undefined behaviour

aliabbas

I am having pretty weird behavoiur with my datatables . I have datables loaded into an accordian. The datatables get data through serverside pagination. The problem is , I am getting the data from the server but it is not getting displayed in the datatable if I put a horizontal scroll . If i remove the horizontal scroll , everything comes back to normal. It looks like something in the image given below.

http://imageshack.us/a/img15/1213/error1qr.png


[code]
function initializedatatable(id,aspid,type)
{
if($('#'+id).hasClass('initialized'))
{
return;
}
else
{
objectDTable = $('#'+id).not('.initialized').addClass('initialized').dataTable( {
"sDom": 'frtip',
"bProcessing": true,
"sScrollX": "100",
"sScrollXInner": "600%",
"bScrollCollapse": true,
"bServerSide": true,
"sServerMethod": "POST",
"bLengthChange": false,
"sAjaxSource": "<?php echo $this->baseUrl(); ?>/page.php",
"sPaginationType": "full_numbers"

} );

}
var url ="<?php echo $this->baseUrl(); ?>/page.php";
$('#'+id +'_wrapper').prepend('Export to Excel');
}

[/code]

The funny thing is after first server postback (for page change or filtering or sorting etc. ) it gives the default behavior back again .

Is there something silly that I am missing.

And yes I am using Zend Framework, but I dont think that would be the Issue...

aliabbas

This behaviour is in Firefox. In Chrome Data is getting displayed but headers are getting misaligned and as before, everything goes back to normal after the first postback.