Javascript Jquery Datatable在调整大小时丢失水平滚动条

我有一个有趣的问题，我以为我用一个简陋的解决方案解决了，但我只解决了一半。我将Datatables用于Jquery，并从数据库加载数据以填充表

我应该注意到，我们一直在使用Firefox进行开发

另外，我有一个水平滚动条，前五列是固定的。这会带来一个问题，因为在加载所有数据之前，datatable会放入一个水平滚动条。在滚动条初始化后加载的一些数据长度较长，因此使列宽变大

为了解决这个问题，我只需要调用一个resize

<script type="text/javascript">
setTimeout(function(){
    window.dispatchEvent(new Event('resize'));
},2000);
</script>

我这样定义表

$(document).ready(function() {
    $('#example').dataTable( {
        "scrollX": true
    } );
} );

new $.fn.dataTable.FixedColumns(example,{
    leftColumns:5
});

---

感谢您的帮助

必须将

数据表的
宽度
强制为
100%
，以保持水平条可见

.dataTables_scrollBody {
    width: 100%!important;
}

必须将
数据表的
宽度
强制为
100%
，以保持水平条可见

.dataTables_scrollBody {
    width: 100%!important;
}

你能给我看一个JSFIDLE吗？我不确定我能在JSFIDLE上模拟加载时间。如果可以的话，我不确定怎么做。所以我把问题缩小到了铬的不同版本。我目前使用的是43.0.23571.130，它不起作用，但它在43.0.23571.81中起作用。有没有想过为什么会这样？你能展示一个JSFIDLE吗？我不确定我能在JSFIDLE上模拟加载时间。如果可以的话，我不确定怎么做。所以我把问题缩小到了铬的不同版本。我目前使用的是43.0.23571.130，它不起作用，但它在43.0.23571.81中起作用。你有没有想过为什么会这样？