Jquery DataTable水平滚动

Question

正在使用 Jquery DataTable(http://datatables.net)。我正在尝试一些水平滚动条的演示

当我设置“sScrollX”属性时。我的 DataTable DOM 如下所示

<div class="dataTables_scroll">
<div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px none; width: 100%;">
<div class="dataTables_scrollBody" style="overflow: auto; width: 100%;">
<table id="resultsDatatable" class="dataTable" style="margin-left: 0px; width: 110%;" aria-describedby="resultsDatatable_info">
<thead>
<tbody>

我在哪里得到多个线程并且我的用户界面很困惑。如果我删除一切都很好，但我不会得到 Horizo​​ntol 滚动

我做错了什么？

Answer 1

您没有做错任何事情 - 当启用滚动时，DataTables 必须将表分成两部分(在所有浏览器中执行此操作的唯一方法)，并且为了保持列宽匹配，thead 元素被复制。从视觉上你根本不应该看到这一点。您可以链接到显示问题的演示页面吗？