DataTables logo DataTables

via Ad Packs
full_numbers rendering problem in IE9 with FixedColumns
  • 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
    	} );	
    } );

  • 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.
All Discussions