未应用 DataTable 固定标题答案

【问题标题】：DataTable Fixed Header Not Being Applied未应用 DataTable 固定标题
【发布时间】：2017-03-14 16:08:57
【问题描述】：

我有一个使用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>

如何进行调试？

【问题讨论】：

能否请您快速修改一下您的代码并将调试链接分享给我们？
你检查过 jsfiddle 吗？它不起作用...检查控制台是否有错误
再次检查？请确保下次它真的有效......
试试这个：jsfiddle.net/bheng/s2xbf9d0/5/show

标签： javascript jquery datatables html-table

【解决方案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/

【讨论】：

我添加了您的建议，但仍然没有看到。在这里查看 = jsfiddle.net/bheng/s2xbf9d0/10
你弄乱了样式:) 删除你在 css 中的 height: 150px; 并在 DataTable 构造函数中设置 scrollY: '150px' 。在这里查看：jsfiddle.net/s2xbf9d0/11

【解决方案2】：

您的小提琴似乎缺少dataTables.fixedHeader 插件以及导致您页面无法正确呈现的fixedHeader.dataTables CSS 文件（带有固定标题）。

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

希望这会有所帮助！

【讨论】：

滚动后，表格不会停留！！看到这个：jsfiddle.net/bheng/s2xbf9d0/9