2013-07-13 39 views
2

我对JQuery Datatables是全新的,我有我继承的代码,它包含分页的JQuery Datatable。看起来分页内置在数据表中,而不需要做任何明确的配置。如何在JQuery中没有分页Datatable

现在,我的要求是告诉JQuery的数据表不PAGE

我做了一些谷歌搜索,但没有找到,可以不配置JQuery的DataTable添加到页面的任何文件显示整个表的数据。如果任何人知道如何实现这一点,那将非常感激。

在此先感谢您查阅我的问题。

回答

4

起飞的默认页面(第10页大小),我需要设定一个更多的财产:

"iDisplayLength": -1, 

所以,最后我的定义看起来是这样的:

localTable = $(".classOfTable").dataTable({ 
       "bJQueryUI": true, 
       "sPaginationType": "full_numbers", 
       "bStateSave": true, 
       "iDisplayLength": -1, 
       "sDom": '<"H"Tfr>t<"F"i>', 
       "oTableTools": { 
        "sSwfPath": "@Url.Content("~/Scripts/DataTables-1.9.4/extras/TableTools/media/swf/copy_csv_xls_pdf.swf")" 
       },.... 

我认为这样做会使显示器的大小(要显示的记录的数量)无限,这样寻呼机控制就不会出现。

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>牛逼<“ F“ip> == In标题把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主题“footer”classes('fg-toolbar ui-widget-header ui -corner-bl ui-corner-br ui-helper-clearfix')

以下语法预计: '<' 和 '>' - div元素

'< “类” 和 '>' - DIV与类

' < “#ID” 和“ >” - DIV与ID

默认值:lfrtip(当bJQueryUI为假)或< “H” LFR>吨< “F” IP>(当bJQueryUI为true)

请参阅本stackoverflow answered by ᾠῗᵲᄐᶌ

+0

感谢您的输入,但iDisplayLength是我需要设置的分页。 –

+0

@soul它也帮助我在其他方面:) –

0

我已经在DataTables JS库文件中添加了智能功能。使表格更聪明,现有的表格......当表格的记录小于等于10时,我创建了删除搜索栏,分页和显示条目的功能。但是,它会显示底部的条目数量让最终用户了解表格智能背后的原因..您可以将下面的代码添加到您的Datatables.JS库文件,以使您的表格更加智能..搜索“fnDrawCallback”并添加动态功能..

fnDrawCallback: function(e) { 
    e.aoData.length > e._iFiltersDisableRowMaxLength ? 
    ($("div#" + e.sTableId + "_filter").parent().show(), 
    $("select[aria-controls='" + e.sTableId + "']").parent().show(), 
    $("div#" + e.sTableId + "_info").parent().show(), 
    $("div#" + e.sTableId + "_length").parent().show()) : 
    ($("div#" + e.sTableId + "_filter").parent().remove(), 
    $("select[aria-controls='" + e.sTableId + "']").parent().remove(), 
    $("div#" + e.sTableId + "_info").next().remove(), 
    $("div#" + e.sTableId + "_length").parent().remove()) 
} 

添加设置变量_iFiltersDisableRowMaxLength: 10DataTable.models.oSettings

这个代码将帮助您通过添加机灵出任何你使用数据表的网站。

+0

这个答案很难阅读,请改善它的格式。 – Mike