dataTable 加了竖向滚动条导致列头样式错位的问题

Posted 黑夜蓝天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dataTable 加了竖向滚动条导致列头样式错位的问题相关的知识,希望对你有一定的参考价值。

tab在没有显示之前,容器是没有高度宽度的,而dt在自动计算高度和宽度时是获取的外部容器的高度和宽度,当切换tab时,dt获取不到这个高度宽度,导致列头都挤在一起,是用下面代码解决此问题

$(‘a[data-toggle="tab"]‘).on(‘shown.bs.tab‘, function (e) {
     //当切换tab时,强制重新计算列宽
     $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
} );


还有问题的话可能就是样式有冲突了

以上是关于dataTable 加了竖向滚动条导致列头样式错位的问题的主要内容,如果未能解决你的问题,请参考以下文章

怎么用CSS给html加横向滚动条并且隐藏竖向滚动条

tbody滚动条占位导致与thead表头错位

怎么用CSS给html加横向滚动条并且隐藏竖向滚动条

elementUI的el-table在用fixed且有滚动条时出现的样式问题总结

jQuery-niceScroll滚动条错位问题

html+css grid中显示滚动条后,表格内容与表头有18px的偏移