Question

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

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

然后我使用tag＆amp; amp来调用上面的脚本添加Class =＆＃34; reporstDT＆＃34;到我的HTML5表。问题是生成的表的宽度与我的html表不匹配，因此得到以下结果： http://www.imagebam.com/image/0e8fdb322413745

我是否可以在不更改其CSS样式的情况下正确配置数据表标题页眉宽度和页脚宽度？

Answer 1

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

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

更改数据表jquery标题＆amp;页脚宽度

1 个答案: