Datatables隐藏滚动条的方法,或是为DataTables添加css

Question

在datatables中我将表格主体设定义了高度,但是显示内容超过高度所以出现一个滚动条

'sScrollY': 'calc(100vh - 400px)', //设置表格高度
"scrollCollapse": true, //高度自适应

但是出现滚动条后,滚动条的存在导致表格body多出一块,导致在datatables我置顶的一列的标题因为多了一个滚动条无法和表格中的列对齐,只有将x轴滚动条拖动到最右侧时才会变得对齐

这是未拖动前

拖到最右侧后

自己在开发者模式中将表格主体的overflow:auto修改为overlay可以解决这个问题

但是在datatables代码中找不到怎么修改这个css
所以想请问如何修改datatables的css,或是有什么更好的解决办法,解除掉滚动条占用空间的问题

Answer 1

你看一下这个overflow:auto上面的class是什么，可以强制修改，
直接在你的css里

.new-pmd .c-gap-bottom-xsmall{
  overflow:overlay !important
}

还有一种不知道可不可以，试试

jQuery DataTables插件 取消滚动条的方法_dllyj86的专栏-CSDN博客 将sScrollX或sScrollY的值赋成空，即可屏蔽滚动条，例如："sScrollX" : "" https://blog.csdn.net/dllyj86/article/details/84409955

---

对你有用的话，请点击一下【采纳此答案】，谢谢🌹