Jquery Datatable 水平滚动条间歇性消失

Question

Jquery 数据表水平滚动条间歇性消失。 最近在现有数据表中添加了一个页脚元素，该表工作正常。 添加滚动条在以下期间间歇性消失的问题后： - 分页出现在某些页面中，而在其他页面中没有 - 调整窗口大小可以看到水平滚动条出现然后消失

基于容器大小，数据表宽度变为绝对而不是 100%。

问题

滚动条/数据表执行计算以确定网格表的宽度。 通过引入网格页脚，网格的动态调整大小会对水平滚动条的外观产生冲击。

复杂的是网格选项卡，分页会影响动态调整大小，因此滚动条的不一致

编码

plnkr.co/edit/JEo3T0MAmQEJUqXh9kpx?p=preview

修复代码修复非常简单，确保表格宽度低于阈值，以便滚动条始终出现。

解决问题的尝试

1) "sScrollXInner": "400%", ==> "sScrollXInner": "100%"

• 似乎在大多数情况下都有效

• 大量列/溢出（已解决）

• 少量列/溢出（Outstanding）

2) 移除 $scope.options fixedHeader

"fixedHeader": { header: false, footer: true },

重现步骤

1) JQuery DataTable POC APP！ https://run.plnkr.co/plunks/DLUvGZUStDaTvNLzKhIl/

2) 调整表格大小

Answer 1

.DTFC_ScrollWrapper {
    width: 100% !important;
}

在我的情况下，这段代码解决了这个问题