DataTables - 启用 scrollY 时 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%">

希望这对你有帮助谢谢!