DataTable的冷凍頭

的DataTable固定頭滾動時向上和向下像這樣link DataTable的冷凍頭

$(document).ready(function() { 
     $('#student_datatable').DataTable({ 
      fixedHeader: true, 
      scrollX: true, 
      bSort : false 
     }); 
    });

fixedHeader：真是不起作用。你可以幫我嗎？

來源

2016-04-25 LST

鏈接在你的問題搗鼓無關與數據表。它使用一些CSS來實現常規html表的固定標題功能。在你的情況下，這個CSS是沒用的。

對於數據表使用FixedHeader plugin

首先你需要通過添加這對您的HTML引用它的（如果它尚未包含）：

<script src="https://cdn.datatables.net/fixedheader/3.1.1/js/dataTables.fixedHeader.min.js"></script> 

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

然後

$('#student_datatable').DataTable({ 
    fixedHeader: true 
});

將按預期工作（Working fiddle）

來源

2016-04-25 08:26:24

Tha恩斯兄弟：D它正在工作 – LST

我遇到了一些頭部移動的問題。使用dataTables_scrollHead類。

<table class="OTHER_CLASSES_HERE dataTables_scrollHead"> 
    ... 
</table>

如果您遇到的情態動詞與數據表的問題（我做了），打開模式時，使用.draw() API。

當您有retrieve: true作爲DT init obj選項時，它更容易訪問這個api。（ref）。

我希望這有助於

里斯

來源

2016-04-25 08:20:16

DataTable的冷凍頭

回答

相關問題