DataTables logo DataTables

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

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!


Get useful and friendly help straight from the source.