相关疑难解决方法(0)

jQuery DataTables:控制表宽度

我有一个问题,使用jQuery DataTables插件控制表的宽度.该表应该是容器宽度的100%,但最终是任意宽度,而不是容器宽度.

建议表示赞赏

表声明如下所示

<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3"     width="100%">
Run Code Online (Sandbox Code Playgroud)

和javascript

jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){  
    jQuery('#querytableDatasets').dataTable({  
        "bPaginate": false,  
        "bInfo": false,  
        "bFilter": false  
    });  
});  `  
Run Code Online (Sandbox Code Playgroud)

检查Firebug中的HTML,你会看到这一点(注意添加的样式="width:0px;")

<table id="querytableDatasets" class="display" cellspacing="0" 
cellpadding="3" width="100%" style="width: 0px;">
Run Code Online (Sandbox Code Playgroud)

在样式中查看Firebug,table.display样式已被覆盖.看不出这是从哪里来的

element.style {  
  width:0;}    

-- dataTables.css (line 84
table.display { 
  margin:0 auto;  
  width:100%;  
}  
Run Code Online (Sandbox Code Playgroud)

jquery datatables jquery-datatables

95
推荐指数
10
解决办法
23万
查看次数

标签 统计

datatables ×1

jquery ×1

jquery-datatables ×1