數據表列寬度問題mozilla

Question

我正在使用數據表作爲我的一個項目。我的情況下，ajax請求後（返回視圖）後，我正在初始化響應數據的數據表，與排序選項。該表包含大量的列，並具有水平滾動條，這對我來說很好。

問題是列標題不能正確渲染，它們會在新行中出現，如圖所示。

這是我的初始化代碼：

//There can be multiple instances of datatable created after ajax request. 
    $('.query_result_table').each(function(){ 

        var temp = $(this).dataTable({ 
        "sPaginationType": "full_numbers", 
        "bDestroy":true, 
        "bProcessing": true, 
        "bJQueryUI": true, 
        /*"bAutoWidth": true, 
        "sScrollXInner": "100%",*/ 
        "aoColumnDefs": [ 
        { 
         "bSortable": false, 
         "aTargets": [ 'no_click' ] 
        }], 
        "fnInitComplete": function() { 
         this.fnAdjustColumnSizing(); 
        } 
       }); 

       setTimeout(function() 
       { 
        temp.fnAdjustColumnSizing(); 
       }, 10); 
       //$(this).fnAdjustColumnSizing(); 

    }); 

上述問題似乎是在Mozilla。在Chrome中，它工作正常。

任何想法如何解決這個問題。

- 您的時間

Answer 1

非常感謝已經解決了這個問題如下：

//There can be multiple instances of datatable created after ajax request. 
    $('.query_result_table').each(function(){ 

        var temp = $(this).dataTable({ 
        "sPaginationType": "full_numbers", 
        "bDestroy":true, 
        "bProcessing": true, 
        "bJQueryUI": true, 
        "bAutoWidth": false, //Disabled auto width calculation.... 
        "aoColumnDefs": [ 
        { 
         "bSortable": false, 
         "aTargets": [ 'no_click' ] 
        }], 
        "fnInitComplete": function() { 
         this.fnAdjustColumnSizing(); 
        } 
       }); 

       setTimeout(function() 
       { 
        temp.fnAdjustColumnSizing(); 
       }, 10); 
       //$(this).fnAdjustColumnSizing(); 

    }); 

CSS：

.query_result_table { 
    width:2500px; 
    max-width:none; 
}