Jquery数据表列标题垂直滚动的宽度问题

Question

我是第一次使用数据表，并被以下解释的问题所困扰。每当我尝试包含垂直滚动时，列标题都会丢失所有 itz 对齐方式，所有列宽度都会减小，因此会得到长度为整个表格一半的标题行。

我注意到的另一件事是，在第一个类中，样式宽度为 0px，任何人都可以解释一下为什么会这样吗？我已经包含了 js 部分，

$(document).ready(function() {

                $.ajax({
                    type : "GET",
                    url :"",

                    dataType : "json",
                    success : function(data) 
                    {
                            $('#customers').dataTable(
                            {
                            "aaData":data.response,
                            "aoColumns": [
                            { "sTitle": "Rendering Engine", "bSortable": false},
                            { "sTitle": "Broswers", "bSortable": false },
                            { "sTitle": "Platform", "bSortable": false }
                            ],
                         "sScrollY": "250px",
                        "iDisplayLength": 200,
                        "bFilter": false,
                        "bLengthChange": false,
                        "bAutoWidth": false
                           });
                    }   
                });
            });

和html部分

<table id="customers"></table>    

提前致谢!

Answer 1

我通过用带有溢出:auto的div包装“dataTable”表解决了这个问题

.dataTables_scroll
{
    overflow:auto;
}

并在 dataTable 初始化后添加此 JS

jQuery('.dataTable').wrap('<div class="dataTables_scroll" />');

不要使用 sScrollX 或 sScrollY，删除它们并自己添加一个 div 包装器，它可以做同样的事情。