Question

数据表固定标题在向上和向下滚动时像link

一样

$(document).ready(function() {
        $('#student_datatable').DataTable( {
            fixedHeader: true,
            scrollX: true,
            bSort : false
        } );
    } );

fixedHeader：true 不起作用。你能帮助我吗？

Answer 1

我在标题移动时遇到了一些问题。

使用dataTables_scrollHead类。

<table class="OTHER_CLASSES_HERE dataTables_scrollHead">
   ...
</table>

如果您在模态中遇到数据表问题（我这样做了），请在打开模态时使用.draw() api。

当retrieve: true作为DT init obj选项时，更容易访问这样的api。

（ref）。

我希望这有帮助，

里斯

Answer 2

您的问题中的小提琴链接与DataTables无关。它使用一些css为常规html表实现固定头功能。在你的情况下，这个CSS是没用的。

对于DataTables，请使用FixedHeader plugin

首先，您需要通过将其添加到您的html（如果它尚未包含）来引用它：

<script src="https://cdn.datatables.net/fixedheader/3.1.1/js/dataTables.fixedHeader.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.1/css/fixedHeader.dataTables.min.css">

然后

$('#student_datatable').DataTable({
    fixedHeader: true
});

将按预期工作（Working fiddle）

数据表冻结标题

2 个答案: