DataTable固定头不工作 [英] DataTable Fixed Header Not Working

问题描述

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

我试图让我的表头固定，并按照以下链接： 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.jstype =text / javascript>< / script> 
  

---

问题

如何进行调试？

---

m / p>

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

解决方案

对于 fixedHeader 插件，您还需要 css 文件：

 < link rel =stylesheettype =text / csshref =https：// cdn。 datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css\"> 
  

检查此更新：

https://jsfiddle.net/s2xbf9d0/6/

I have a table using datatables plug-in.

I'm trying to make my table header fixed, and follow this link : here

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

I don't see the effect.

---

I've included both js files of datatables and 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>

---

Question

How would one go about and debug this ?

---

I'm opening to any suggestions at this moment.

Any hints / suggestions / helps on this be will be much appreciated !

解决方案

For the fixedHeader plugin to work you also need the css file:

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

Check this update:
https://jsfiddle.net/s2xbf9d0/6/

这篇关于DataTable固定头不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！