我遇到了这个插件反复出现的问题。
启用scrollX选项时,标题列未对齐。我尝试了在 stackoverflow 上阅读的许多解决方案,但没有成功。
可能是插件版本的问题?
但是,这是我的数据表设置:
var oTable = $('#table').dataTable({
"bJQueryUI": true,
"aaData": jsonList,
"bPaginate": true,
"scrollX": true,
"scrollCollapse" : true,
"bLengthChange" : true,
"bAutoWidth" : true,
"oLanguage" : IT,
"aoColumns": [
{ "mDataProp": "name", "sClass": "alignCenter" },
{ "mDataProp": "surname", "sClass": "alignCenter" },
{ "mDataProp": "age", "sClass": "alignCenter" },
{ "mDataProp": "city", "sClass": "alignCenter" },
{ "mDataProp": "state", "sClass": "alignCenter" },
{ "mDataProp": "work", "sClass": "alignCenter" },
],
"aaSorting": [[1, 'asc']],
"fnDrawCallback": function () {
formatTable();
}
我的桌子风格:
class="display" cellspacing="0" width="100%"
库版本:
jquery-1.11.1.min.js -
数据表 1.10.3