full_numbers rendering problem in IE9 with FixedColumns

joffreyj

First thanks for the good tools, makes my life easier.

I have a problem in IE9. I am using 'full_numbers' pagination, KeyTable and 'FixedColumns'.

On IE when the page first loads, the pagination bar renders on top of the horizontal scroller.

When I remove FixedColumns

[code]
/*new FixedColumns( oTable, {
"iLeftColumns": 3,
"iLeftWidth": 275,
"sHeightMatch": "auto"
} );*/
[/code]

it works fine. This only happens in good old IE. Unfortunately I don't have a page link, it is on my intranet.

My init code

[code]
$(document).ready(function() {
var oTable = $('#data').dataTable({
"bAutoWidth": false,
"bJQueryUI": true,
"bStateSave": true,
"sPaginationType": "full_numbers",
"aaSorting": [[ 2, "asc" ]],
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true,
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [
{
"sExtends": "xls",
"sFileName": "*.xls"
},
{
"sExtends": "pdf",
"sPdfOrientation": "landscape"
},
],
"sSwfPath": "../ADPTLabels/resources/js/TableTools/media/swf/copy_cvs_xls_pdf.swf"
}
});
new FixedColumns( oTable, {
"iLeftColumns": 3,
"iLeftWidth": 275,
"sHeightMatch": "auto"
} );
var keys = new KeyTable( {
"table": document.getElementById('data'),
"datatable": oTable
} );
} );

[/code]

Thanks

joffreyj

OH Yeah I almost forgot... After the page loads, if I click any cell in the table, the pagination bar moves to the correct location (bottom right). It also moves to the correct location when I click on a page, but when I click on 'First' it moves over the scroll bar. When I click 'Last' it drops about an inch below the table. It works fine for 'Next' and 'Previous'.

joffreyj

NM found the culprit...

"Display intranet sites in compatibility view" was checked... grrrr