更改数据表 jquery 页眉和页脚宽度答案

【问题标题】：Change Datatables jquery Header & Footer Width更改数据表 jquery 页眉和页脚宽度
【发布时间】：2014-04-23 07:42:43
【问题描述】：

我正在使用以下代码构建数据库表：

<script>
        var j$ = jQuery.noConflict();
        j$(document).ready(function()
        {
            j$('.reporstDT').dataTable(
            {
                'bJQueryUI': true,
                'bFilter': false,
                "bLengthChange": false
            });
        } );
</script>

然后我使用标记调用上述脚本并将 Class="reportdDT" 添加到我的 HTML5 表中。问题是生成的表格的宽度与我的 html 表格不匹配，因此我得到以下结果： http://www.imagebam.com/image/0e8fdb322413745

我可以正确配置数据表的页眉宽度和页脚宽度而不更改其 css 样式吗？

【问题讨论】：

我认为问题在于您的表格样式。您希望页眉和页脚与内容的宽度相同？
你能告诉我们html和css小提琴吗，我认为你需要把数据表放在一个宽度有限的div中。

标签： javascript jquery jquery-datatables

【解决方案1】：

您可以在创建数据表时设置列宽，它们是从左到右索引的。这应该覆盖页眉和页脚的 css 中的任何设置，并将它们与此处设置的列宽对齐：

j$('.reporstDT').dataTable(
  {"bAutoWidth": false , 
    aoColumns : [
       { "sWidth": "25%"},
       { "sWidth": "25%"},
       { "sWidth": "25%"},
       { "sWidth": "25%"}
     ]
 });

【讨论】：