jquery - 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

带有 jQ​​uery 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' - 处理

允许使用以下常量：'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 为假时）或 <"H"lfr>t<"F"ip>（当 bJQueryUI 为真时）

Answer 2

该sDom选项不专门控制分页。换句话说，即使指定了 sDom，也只会显示数据的第一“页”，尽管所有的分页控件都被隐藏了。

至少在 1.9x 版本的 DataTables 中，一个更好的方法是指定bPaginate选项。

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

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