DataTables - 启用滚动时，scrollX不会离开

Question

下面是我正在使用的代码，here是一个虚拟数据的工作示例。当我启用scrollY并设置scrollX: false时，scrollX未被禁用！我做错了什么？

$(document).ready( function () {
  var table = $('#example').DataTable({
    scrollY: 300,
    scrollX: false
  });
} );

Answer 1

您需要设置表格宽度

table {

       table-layout:fixed;
       width: 98% !important; 
}

更改您的div表而不是nowrap class apply wrap class

所以你的表格div应该是这样的：

<table id="example" class="display wrap" width="100%">

希望这对你有所帮助！

Answer 2

我想你遇到这个问题的原因和我一样： 当 scrollY 处于活动状态但 scrollX 未处于活动状态时，scrollX 栏是可见的，但只能移动 tbody。 如果确实是这个原因，那么解决问题的方法就是简单地设置 scollX: true。然后页眉和页脚与正文一起滚动。