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

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

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

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

img


这是未拖动前

img


拖到最右侧后

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

img

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

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

img

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

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


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

没有用到过datatables,很抱歉没能帮助你

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632