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%'));

posted @   7c89  阅读(133)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
点击右上角即可分享
微信分享提示