未應用數據表固定標題

Question

我使用有一個表數據表插件。 我正在嘗試修復我的表頭，並點擊此鏈接： 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/

Answer 2

您的小提琴似乎缺少dataTables.fixedHeader插件以及fixedHeader.dataTables CSS 文件，該文件導致您無法正確呈現頁面（帶有固定標題）。

工作演示： - https://jsfiddle.net/s2xbf9d0/7/

希望這有幫助！