2013-12-13 26 views
1

我剛剛在我正在開發的基於引導的項目上安裝了dataTables。到目前爲止,一切都像魅力一樣。我試圖設計一些樣式來跟隨我們現有的佈局,而我實際嘗試成功的方法是將頁腳保留在(下面)表格下,但也會使其保持在內容的底部。對數據表的粘性分頁

到目前爲止我看到的所有例子都遵循相同的過程,分頁根據行數跟隨表格高度。無論表格中有多少行,我都需要將它粘在頁面的底部。

由於提前, Ç

+0

你有頁腳的HTML? – Jay

回答

3

你可以簡單地只是DataTable中,頁腳的內容移動到自己粘頁腳。例如:

#footer { 
    position: fixed; 
    bottom: 1px; 
    height: 30px; 
    width: 100%; 
    background-color: #ebebeb; 
} 

初始化時:

var dataTable = $('#example').dataTable(); 
$("#example_info").detach().appendTo('#footer'); 
$("#example_paginate").detach().appendTo('#footer'); 

enter image description here

由數據表中創建的所有元件上得到的形式表ID + _some name的ID。你沒有提供任何代碼示例,所以我只能猜測你的頁腳中有什麼。

看到上面這個小提琴 - >http://jsfiddle.net/tPxD6/

+0

像一個魅力工作,謝謝! :) – HaCos