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%'));
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探