jquery – DataTable使用ScrollY渲染(表正在调整大小但是没有调整大小)

2024年1月5日 494次阅读

我正在使用数据表并将ScrollY添加到其中…所以当我有很多列我的屏幕无法适应所有这些时,它只会在数据表格中添加垂直滚动….而问题是adminlte有一个可以隐藏和显示侧边栏的功能,它将改变数据表的整体区域,结果它将呈现错误,如下所示：

我的桌子正在调整大小但是没有调整大小

这是我临时页面的测试链接
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>

无论如何它可以工作,但我真的想找到优雅的解决方案.

祝好运

点赞