如何在JQuery中沒有分頁Datatable

我對JQuery Datatables是全新的，我有我繼承的代碼，它包含分頁的JQuery Datatable。看起來分頁內置在數據表中，而不需要做任何明確的配置。如何在JQuery中沒有分頁Datatable

現在，我的要求是告訴JQuery的數據表不PAGE

我做了一些谷歌搜索，但沒有找到，可以不配置JQuery的DataTable添加到頁面的任何文件顯示整個表的數據。如果任何人知道如何實現這一點，那將非常感激。

在此先感謝您查閱我的問題。

2013-07-13 Moiz Tankiwala

起飛的默認頁面（第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")" 
       },....

我認爲這樣做會使顯示器的大小（要顯示的記錄的數量）無限，這樣尋呼機控制就不會出現。

來源

2013-07-19 09:26:16

如果你使用沒有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 ᾠῗᵲᄐᶌ

來源

2013-07-13 13:22:02 Ghostman

感謝您的輸入，但iDisplayLength是我需要設置的分頁。 –

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

我已經在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

這個代碼將幫助您通過添加機靈出任何你使用數據表的網站。

來源

2016-01-27 15:03:54 kamleshnr

這個答案很難閱讀，請改善它的格式。 – Mike

如何在JQuery中沒有分頁Datatable

回答

相關問題