javascript - 数据表卡住头

像这样link上下滚动时的数据表固定标头

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

fixedHeader：true是行不通的。你能帮助我吗 ？

最佳答案

在您的问题中拨弄小玩意的链接与DataTables无关。
它使用一些CSS来为常规html表实现固定的标头功能。在您的情况下，此CSS是没有用的。

对于数据表，请使用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）