Fixed Header with left column fixed not work in IE9 compatibility mode

nucfc

Hi!

I apply the Fixed Header extension to the table containing simple data. I also set the option "left' as true to make the first left column freeze. If I provide table data on page load, everything works well. But when I try to load the data via ajax (click button to start load data), and then initialize datatable after all data completely loaded. It crashes on IE9 compatibility mode. Anyway, it works normally on IE9 (normal mode) and Chrome. How can I solve this?

jQuery version 1.11.0

DataTables version 1.10.0

FixedHeader version 2.1.1

HTML

<input type="button" value="Submit" onclick="genData();"/>
<div id="divSearchResult"></div>

Javascript

function genData(){
$.ajax({
        type: "POST",
        url: "ProgramWorkbook_test_gensimpledata.asp",
        data: strData,
        async: true,
        success: function(msg) {
            $('#divSearchResult').html(msg);
            initTable();
        }
    })
}

function initTable(){
var oTable = $('#resultTable').dataTable({
        'bPaginate' : false,
        'bAutoWidth' : false
    });

    var oFH = new FixedHeader( oTable, {
        'left': true
    });
}

genSimpleData.asp

<table id="resultTable" class="display" width="100%">
//...
</table>