更改数据表jquery标题&页脚宽度

时间:2014-04-23 07:42:44

标签: javascript jquery jquery-datatables

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

<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样式的情况下正确配置数据表标题页眉宽度和页脚宽度?

1 个答案:

答案 0 :(得分:0)

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

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