问题--DataTable插件设置垂直滚动后表头错位

错误问题

在使用DataTable插件时,业务需要,加上垂直滚动,遇到表头错位问题,如图,且调整浏览器大小,也会错位
问题--DataTable插件设置垂直滚动后表头错位_第1张图片

解决办法

在DataTable插件初始化完成后使用以下代码

$.fn.dataTable.tables({
     visible: true, api: true}).columns.adjust();
// 监听屏幕大小改变
$(window).resize(function () {
     
	$.fn.dataTable.tables({
     visible: true, api: true}).columns.adjust();
})

问题--DataTable插件设置垂直滚动后表头错位_第2张图片

你可能感兴趣的:(问题解决)