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

【问题标题】：Remove horizontal scrollbar under fixed columns DataTables删除固定列DataTables下的水平滚动条
【发布时间】：2018-08-25 22:20:04
【问题描述】：

我正在组合一个复杂的标题和固定列： 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
         }
     });
 });

【问题讨论】：

在这方面仍然需要帮助。

标签： javascript jquery html datatables

【解决方案1】：

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

.DTFC_LeftBodyLiner {
  overflow: hidden;
}

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

【讨论】：