jQuery DataTables:控制表格宽度
jQuery DataTables:控制表格宽度
提问于 2009-03-03 02:56:00
我在使用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中的超文本标记语言，您会看到以下内容(注意添加的宽度“style=：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%;
} 回答 22
Stack Overflow用户
发布于 2009-10-09 16:52:48
jQuery('#querytableDatasets').dataTable({
"bAutoWidth": false
});Stack Overflow用户
发布于 2009-03-12 23:40:27
在初始化dataTables时，需要调整两个变量：bAutoWidth和aoColumns.sWidth
假设您有4列，宽度分别为50px、100、120px和30px，您将这样做：
jQuery('#querytableDatasets').dataTable({
"bPaginate": false,
"bInfo": false,
"bFilter": false,
"bAutoWidth": false,
"aoColumns" : [
{ sWidth: '50px' },
{ sWidth: '100px' },
{ sWidth: '120px' },
{ sWidth: '30px' }
]
}); 有关dataTables初始化的更多信息，请访问http://datatables.net/usage
注意此widht设置与您正在应用的CSS之间的交互。你可以在尝试之前注释你现有的CSS，看看你有多接近。
Stack Overflow用户
发布于 2009-03-03 03:05:30
嗯，我不熟悉这个插件，但是你能在添加datatable之后重置样式吗？就像这样
$("#querydatatablesets").css("width","100%")在.dataTable调用之后？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/604933
复制相关文章
相似问题