Question

我将复杂的标头和固定列组合在一起： 1）复杂的标头：https://datatables.net/examples/basic_init/complex_header.html 2）固定列：https://datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html 它工作正常，但是有没有办法从固定标题列中删除滚动条？我已经概述了我想删除的部分。

基本上，我想这样：https://jsfiddle.net/brianlmerritt/8c5jgs4b/，但要使用DataTables和复杂的标头。这是我自己的小提琴：https://jsfiddle.net/omgLswq6/151/

 $(document).ready(function () {
     $('#compareResults').DataTable({
         paging: false,
         ordering: false,
         info: false,
         scrollX: true,
         fixedColumns: {
             leftColumns: 5
         }
     });
 });

Answer 1

我能够通过将溢出样式更改为隐藏在固定的左列容器中来解决此问题：

.DTFC_LeftBodyLiner {
  overflow: hidden;
}

<div class="DTFC_LeftBodyLiner">
  <table class="foo_datatable">
    ...
  </table>
</div>

删除固定列DataTables下的水平滚动条

1 个答案: