我想为所有带有滚动插件的DataTables列设置静态宽度。
如果我为除一个以外的所有
为什么会这样?如何设置确切的列宽度? CSS
如果我为除一个以外的所有
<th>
标签设置宽度,则会使列变宽。如果为所有标签设置宽度,则不起作用。此外,当我通过开发者工具进行检查时,我没有看到任何宽度为400px
的<th>
元素。这些元素的宽度不同:115px
、132px
、145px
等。为什么会这样?如何设置确切的列宽度? CSS
.big-col {
width: 400px;
}
JS
var options = {
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true,
"colReorder": true
};
$(document).ready(function() {
$('#example').dataTable(options);
});
完整示例:http://fiddle.jshell.net/sergibondarenko/o1hoabep/8/
此外,我尝试了columnDefs选项,但并没有成功。
var options = {
"columnDefs": [
{ "width": "100px", "targets": "_all" }
]
};
确切的列数是未知的。HTML表格是根据来自服务器端的数据动态构建的。