full_numbers rendering problem in IE9 with FixedColumns

full_numbers rendering problem in IE9 with FixedColumns

edited February 2012 in DataTables 1.9 Posts: 3
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

/*new FixedColumns( oTable, { "iLeftColumns": 3, "iLeftWidth": 275, "sHeightMatch": "auto" } );*/
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

$(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 } ); } );
Thanks

Replies

  • edited February 2012 Posts: 3
    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'.
  • NM found the culprit...

    "Display intranet sites in compatibility view" was checked... grrrr
This discussion has been closed.