DataTable水平滚动条显示为类似窗口滚动-x

DataTable horizontal scrollbar to appear like the window scroll -x

本文关键字:窗口 滚动 水平 滚动条 显示 DataTable      更新时间:2023-09-26

我有一个dataTable,只有当我垂直向下滚动到表的末尾时,水平滚动条才会出现。我希望X滚动条在不需要向下滚动的情况下出现。我确实尝试过为dataTable设置一个固定的高度,并使用窗口调整大小,但这对我来说并不合适

例如,在这个JsFiddle中,当我缩小窗口时,我必须走到表的末尾才能水平滚动。

var t = $('#example').DataTable( {
        "scrollX": true,
        "scrollCollapse": true,
        "fixedColumns": {
           "leftColumns": 2,
        },
        "sScrollXInner": "150%",
        "fixedHeader": true,
    } );

有办法解决这个问题吗?请建议!

谢谢!

问题是FixedHeader只有在向下滚动时才会出现。您可以在devtools中看到这一点。"未启用滚动时,使用‘FixedHeader’进行列修复")"-请参阅https://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js