我对JQuery Datatables是全新的,我有我继承的代码,它包含分页的JQuery Datatable。看起来分页内置在数据表中,而不需要做任何明确的配置。如何在JQuery中没有分页Datatable
现在,我的要求是告诉JQuery的数据表不PAGE
我做了一些谷歌搜索,但没有找到,可以不配置JQuery的DataTable添加到页面的任何文件显示整个表的数据。如果任何人知道如何实现这一点,那将非常感激。
在此先感谢您查阅我的问题。
我对JQuery Datatables是全新的,我有我继承的代码,它包含分页的JQuery Datatable。看起来分页内置在数据表中,而不需要做任何明确的配置。如何在JQuery中没有分页Datatable
现在,我的要求是告诉JQuery的数据表不PAGE
我做了一些谷歌搜索,但没有找到,可以不配置JQuery的DataTable添加到页面的任何文件显示整个表的数据。如果任何人知道如何实现这一点,那将非常感激。
在此先感谢您查阅我的问题。
起飞的默认页面(第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")"
},....
我认为这样做会使显示器的大小(要显示的记录的数量)无限,这样寻呼机控制就不会出现。
如果你使用没有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)
我已经在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: 10
下DataTable.models.oSettings
这个代码将帮助您通过添加机灵出任何你使用数据表的网站。
这个答案很难阅读,请改善它的格式。 – Mike
感谢您的输入,但iDisplayLength是我需要设置的分页。 –
@soul它也帮助我在其他方面:) –