datatable二次修改
在DataTable插件初始化完成后使用以下代码
将bautowidth设置为true就可以了,对于表格宽度设置结合aoColumns进行配置,完美解决。
在使用DataTable插件时,业务需要,加上垂直滚动,遇到表头错位问题,如图,且调整浏览器大小,也会错位
$.fn.dataTable.tables({visible: true, api: true}).columns.adjust();
// 监听屏幕大小改变
$(window).resize(function () {
$.fn.dataTable.tables({visible: true, api: true}).columns.adjust();
})
捯饬了一天半。
成果如下:
1.在初始化建立datatable之前可以尝试destroy掉旧数据。
$("#mailListTable").dataTable().fnDestroy();
2.在初始化建立完成datatable之后通过下面的api可以调整宽度。
$.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
在tab切换时,即隐藏的页面重新显示时加上如下一段代码就可以了。
$.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
另外,若有页面的更换,则在页面刷新之前与之后都可以加入上面两句作以尝试。
https://cdn.bootcdn.net/ajax/libs/datatables/1.10.21/js/jquery.dataTables.js
console.log($(body).parent('table').css('height','100%'));