2012-12-03 35 views
2

如何刪除分頁顯示 jQuery的功能Data Table?我只想要它的搜索和排序功能,並希望擺脫其他功能。有什麼辦法嗎?如何擺脫jQuery數據表插件的分頁?

+0

你看過他們的api嗎? HTTP://數據表。net/release-datatables/examples/basic_init/dom.html –

+0

也在這裏http://datatables.net/usage/options#sDom –

+0

我看着這些,但看不到任何東西來完全擺脫分頁和顯示功能。你有看到?請告訴我。謝謝。 –

回答

5

如果你使用沒有jQuery UI的主題,你可以像下面這樣做

$(document).ready(function() { 
    $('#example').dataTable({ 
     "sDom": 'frt' // only show search.. processing.. and table 
    }); 
}); 

http://live.datatables.net/iqewoh/2/edit#preview

與jQuery UI主題

$(document).ready(function() { 
    $('#example').dataTable({ 
     "sDom": '<"H"f>rt' // only show search.. processing.. and table 
    }); 
}); 

< 「H」 LFR>牛逼<「 F「ip> == In標題把lfr ..表..然後頁腳放ip

以下選項被允許:

'L' - 長度改變

'F' - 濾波輸入

'T' - 表!

'i' 的 - 信息

'P' - 分頁

'R' - 處理

以下常量被允許: 'H' - jQueryUI的主題 「標題」 類(」 fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')

'F' - jQueryUI主題「footer」classes('fg-toolbar ui-widget-header ui -corner-bl ui-corner-br ui-helper-clearfix')

以下語法預計: '<' 和 '>' - div元素

'< 「類」 和 '>' - DIV與類

' < 「#ID」 和「 >」 - DIV與ID

默認值:lfrtip(當bJQueryUI爲假)或< 「H」 LFR>噸< 「F」 IP>(當bJQueryUI爲true)

+0

哇!精湛:) +1和接受:) –

5

sDom選項不具體控制分頁。換句話說,即使指定了sDom,也只顯示第一個「頁面」數據,儘管所有的分頁控件都是隱藏的。

更好的方法來做到這一點,至少1.9x版本的DataTables是指定bPaginate選項。

$(element).dataTable({ 
    "bPaginate": false 
}); 

這將防止分頁,並將隱藏分頁控件。

+0

是的,這就是爲什麼'bPaginate','bLengthChange'等都存在=更好的答案。 – davidkonrad