Why FixedHeader does not work with ColumnFilter ?

Omri

Hello,

I am using DataTables version 1.10.5.

I have a dataTable defined as below:

var oTable = $('#ticketsTable').dataTable({
                "dom": 'TC<"clear">lfrtip',
                "bRetrieve": true,
                "bDestroy": true,
                "bAutoWidth": false,
               // "sScrollX": "100%",                
               // "sScrollXInner": "110%",          
                "columnDefs":
                [
                    { "targets": [1], "width": "55px", "sClass": "topCenter" },
                    { "targets": [2], "width": "55px", "sClass": "topCenter" },
                    { "targets": [3], "width": "50px", "sClass": "topCenter" },
                    { "targets": [4], "width": "30px", "sClass": "topCenter" },
                    { "targets": [5], "width": "60px", "sClass": "topCenter" },
                    { "targets": [6], "width": "60px", "sClass": "topCenter" },
                    { "targets": [7], "width": "115px", "sClass": "force-right topAlign noLeftBorder", 'bSortable': false }
                ],
                "colVis": { exclude: [0, 7] },
                "tableTools": {
                    "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf",
                    "aButtons": ["copy", "csv", "xls", "pdf", "print"]
                },
                "fnDrawCallback": function (oSettings) {
                    $(".dataTables_length select").wrap("<div class='input-mini'></div>").chosen({ disable_search_threshold: 9999999 });                   
                }
            });
            new $.fn.dataTable.FixedHeader(oTable);
            $(window).bind('resize', function () {
                oTable.fnAdjustColumnSizing();                
            });           
            oTable.fnClearTable();
            if (!filter) {
                oTable.columnFilter({
                    "sPlaceHolder": "head:after",
                    'sRangeFormat': "{from}",
                    'aoColumns':
                    [
                        { type: "text" },
                        { type: "select", bCaseSensitive: true, values: ['إنتظار', 'تم الاصلاح', 'إعادة التنشيط', 'ملغاة', 'مؤجلة'] },
                        { type: "select", bCaseSensitive: true, values: ['خطأ برمجي', 'خطأ تصميم', 'خطأ لغوي', 'إستفسار', 'إقتراح', 'إضافة'] },
                        { type: "select", bCaseSensitive: true, bSmart: false, bRegex: false, values: ['معطلة', 'ضعيفة', 'مهمة', 'مهمة جدا', 'مؤجلة'] },
                        { type: "text" },
                        { type: "text" },
                        { type: "text" },
                        null
                    ]
                });
            }

In fireBug, I have error: TypeError: b is undefined.

And, the fixed header is fixed in the center of screen and does not go to top when I scroll the page.

Thank you for the plugin :)

And thank you for your help

Best regards

Omri

In IE the error is:

Unable to set property 'className' of undefined or null reference