如何摆脱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...表..然后页脚放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
});

这将防止分页并隐藏分页控件.