数据表列宽问题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;  
}