【发布时间】:2017-02-07 21:04:05
【问题描述】:
我想为所有DataTables(带有滚动插件)列设置静态宽度。
如果我为除一个之外的所有<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 表格是根据来自服务器端的数据动态构建的。
【问题讨论】:
标签: javascript css datatables datatables-1.10