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