jQuery 数据表 : control table width

Question

我在使用 jQuery DataTables 插件控制表格宽度时遇到问题。表格应该是容器宽度的 100%，但最终变成任意宽度，而不是小于容器宽度。

感谢建议

表格声明如下所示

<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3"     width="100%">

和javascript

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

在 Firebug 中检查 HTML，您会看到这个(注意添加的样式 =“width: 0px;”)

<table id="querytableDatasets" class="display" cellspacing="0" 
cellpadding="3" width="100%" style="width: 0px;">

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

element.style {  
  width:0;}    

-- dataTables.css (line 84
table.display { 
  margin:0 auto;  
  width:100%;  
}  

Answer 1

jQuery('#querytableDatasets').dataTable({  
        "bAutoWidth": false
});