javascript - 未应用 DataTable 固定 header

Question

我有一个使用 datatables 的表格插入。我正在尝试修复我的表头，并点击此链接:here

$('.device-table').DataTable( {
    "fixedHeader": {
        header: true,
    },
    "bLengthChange": false,
    "Filter": false,
    "Info": false,
} );

我没有看到效果。我已经包含了数据表和 fixedHeader 的 js 文件:

<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js" type="text/javascript"></script>

如何着手调试它？

Answer 1

要使 fixedHeader 插件正常工作，您还需要 css 文件:

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

检查此更新:
https://jsfiddle.net/s2xbf9d0/6/