如何摆脱jQuery Data Table插件的分页?

时间:2012-12-03 22:23:33

标签: jquery datatables

如何删除jQuery Data Table分页 show 功能?我只想要它的搜索和排序功能,并希望摆脱其他功能。有什么办法吗?

2 个答案:

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

&LT; “H” LFR&GT; T&LT; “F” 的ip&GT; ==在标题中放置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')

     

需要以下语法:   '&LT;'和'&gt;' - div元素

     

'&lt;“class”和'&gt;' - div与班级

     

'&lt;“#id”和'&gt;' - 带ID的div

     

默认值:lfrtip(当bJQueryUI为false时)或&lt;“H”lfr&gt; t&lt;“F”ip&gt; (当bJQueryUI为真时)

答案 1 :(得分:5)

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

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

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

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