如何擺脫jQuery Data Table插件的分頁？

Question

如何刪除分頁並顯示 jQuery 數據表的功能 ？ 我只想要它的搜索和排序功能，並希望擺脫其他功能。 有什么辦法嗎？

Answer 1

如果你沒有使用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> t <“F”ip> ==在標題中放入lfr .. table ..然后頁腳放ip

允許以下選項：

'l' - 長度變化

'f' - 過濾輸入

't' - 桌子！

'我' - 信息

'p' - 分頁

'r' - pRocessing

允許使用以下常量：'H' - jQueryUI主題“標題”類（'fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix'）

'F' - jQueryUI主題“頁腳”類（'fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix'）

需要以下語法：'<'和'>' - div元素

'<“class”和'>' - div與一個類

'<“＃id”和'>' - 帶有ID的div

默認值：lfrtip（當bJQueryUI為false時）或<“H”lfr> t <“F”ip>（當bJQueryUI為true時）

Answer 2

sDom選項不專門控制分頁。 換句話說，即使指定了sDom，也只顯示數據的第一個“頁面”，盡管隱藏了所有分頁控件。

更好的方法是，至少使用1.9x版本的DataTables來指定bPaginate選項。

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

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