1. 首頁
  2. 問答
  3. DataTable固定標頭不工作

DataTable固定標頭不工作

2016-11-01 69 views
5

我有一個表使用datatables插件。DataTable固定標頭不工作

我試圖讓我的表頭固定，請點擊此鏈接：here

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

我沒有看到效果。

我既包括數據表的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>

問題

一個人怎麼會去和調試呢？

我打開此時的任何建議。

任何提示/建議/對此的幫助將非常感謝！

來源

2016-11-01 ihue

+0

你可以用你的代碼快速擺弄一下，並告訴我們調試的鏈接嗎？ –

+0

你檢查了jsfiddle嗎？它不工作...檢查控制檯的錯誤 – Dekel

+0

再次檢查？請確保下次真的有效...... – Dekel

回答

11

對於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/

來源

2016-11-01 14:49:02 Dekel

+0

我加了你的建議，但仍然沒有看到它。在這裏查看= http://jsfiddle.net/bheng/s2xbf9d0/10/ – ihue

+1

你搞亂了風格:)刪除'height：150px;'你在CSS中設置了'scrollY：'150px''而是在'DataTable'構造函數中。檢查這裏：http://jsfiddle.net/s2xbf9d0/11/ – Dekel

+0

啊，很好的把戲！ – ihue

5

你的小提琴似乎缺少dataTables.fixedHeader插件還有fixedHeader.dataTables CSS文件導致你頁面正常渲染（使用固定頭文件）。

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

希望這有助於！

來源

2016-11-01 14:58:09

+0

滾動後，桌子不會停留！看到這個：https://jsfiddle.net/bheng/s2xbf9d0/9/ – ihue

相關問題

 相關問題