DataTable 水平滚动条看起来像窗口滚动 -x答案

【问题标题】：DataTable horizontal scrollbar to appear like the window scroll -xDataTable 水平滚动条看起来像窗口滚动 -x
【发布时间】：2016-12-04 14:28:11
【问题描述】：

我有一个数据表，只有当我垂直向下滚动到表格末尾时，才会在水平滚动条中出现。我希望 X 滚动条无需向下滚动即可出现。我确实尝试为 dataTable 设置一个固定高度并使用窗口调整大小，这对我来说不合适。

例如在这个JsFiddle中，当我把窗口变小时，我必须到表格的末尾才能水平滚动。

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

有没有办法解决这个问题？请指教！

谢谢！

【问题讨论】：

如果您将整个页面的宽度设置为为数据表留出空间，如果需要，滚动条将出现在浏览器底部。这对你有用吗？

标签： javascript jquery css datatable datatables-1.10

【解决方案1】：

问题是 FixedHeader 仅在您向下滚动时出现。您可以在 devtools 中看到这一点。 “在未启用滚动时使用 'FixedHeader' 进行列固定”）” - 请参阅 https://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js

【讨论】：

这使得标题固定，我正在寻找的是-> 如果数据表有很多行，我必须垂直向下滚动以滚动列。所以我正在寻找一种将数据表的水平滚动条作为整个屏幕的水平滚动的方法。这个可以吗？