jquery - Jquery DataTable Horizo​​ntol 滚动

Question

我正在使用 Jquery DataTable（http://datatables.net）。我正在尝试为 Horizo​​ntol 滚动条做一些演示

当我设置“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>

在哪里得到 Multiple Thead 并且我的 UI 很乱。如果我删除一切都很好，但我不会得到 Horizo​​ntol 滚动

做错了什么？

Answer 1

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