我正在使用数据表并将 ScrollY 添加到其中...所以当我有很多列而我的屏幕无法容纳所有列时,它只会以数据表形式添加垂直滚动...以及问题adminlte 有一个可以隐藏和显示侧边栏的功能,它会改变数据表的整体区域,结果会像这样呈现错误:
我的表体正在调整大小,但 thead 没有调整大小
这是我的临时页面的测试链接 https://htmlpreview.github.io/?https://github.com/farazGreen/DataTable/blob/master/GreenBow_%20TEST.html
ADMINLTE 网站上的另一个人也问过同样的问题 https://github.com/almasaeed2010/AdminLTE/issues/1136
最佳答案
我觉得我采取的方式不是很聪明,但我还是找不到选项。
首先,通过使用 chrome dev.tool,我发现相关的表层具有非常有限的像素宽度,由数据表定义。
其次,我用 force(!important) 选项给了 css 宽度。
<style>
.dataTables_scrollHead {
width: 100% !important;
}
.dataTables_scrollHeadInner {
width: 100% !important;
}
.dataTable {
width: 100% !important;
}
</style>
无论如何它都有效,但我真的想找到优雅的解决方案。
祝你好运
关于jquery - 使用 ScrollY 呈现数据表(表体正在调整大小但 thead 未调整大小),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38760626/