jQuery Data Table 插件如何摆脱分页？

Question

如何删除 jQuery Data Table 的 pagination 和 show 功能？我只想要它的搜索和排序功能，并想摆脱其他功能。有什么办法吗？

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
    });
});

t == 在页眉中放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 主题“页脚”类（'fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix'）

应使用以下语法： '' - div 元素

'' - 带有类的 div

'' - 带有 ID 的 div

默认值：lfrtip（当 bJQueryUI 为 false 时）或 t（当 bJQueryUI 为 true 时）

Answer 2

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

至少使用 1.9x 版本的 DataTables 的更好方法是指定 bPaginate 选项。

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

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