Как не иметь разбиение на страницы в JQuery Datatable

Question

Я абсолютно не знаком с JQuery Datatables, и у меня есть код, который я унаследовал, который содержит JQuery Datatable, который выгружается. Похоже, что пейджинг встроен в данные, не требуя явной настройки.

Теперь мое требование, чтобы отобразить все данные таблицы, говоря JQuery DataTable НЕ ПААГ

Я сделал немного прибегая к помощи и не смогли найти какой-либо документации, которая может настроить JQuery DataTable НЕ странице , Если кто-то знает, как это реализовать, это будет действительно оценено.

Заранее благодарен за рассмотрение моего вопроса.

Answer 1

Чтобы снять подкачки по умолчанию (размер страницы 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")" 
       },.... 

Я думаю, что это означает, что размер дисплея (количество отображаемых записей) бесконечен, так что управление пейджером не появляется.

Answer 2

Вы можете сделать это так, если вы используете без темы 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 Theme

$(document).ready(function() { 
    $('#example').dataTable({ 
     "sDom": '<"H"f>rt' // only show search.. processing.. and table 
    }); 
}); 

< "H" LFR> т < " F "ip> == В заголовке положить lfr .. таблица .. затем нижний колонтитул ip

следующие опции допускаются:

'л' - длина изменения

'е' - фильтрация входных

'т' - таблица!

'я' - Информация

'р' - Разбивка

'г' - ОБРАБОТКА

следующие константы разрешены: '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 с ID

По умолчанию: lfrtip (когда bJQueryUI ложно) или < LFR "Н"> т < "F" ф> (если bJQueryUI верно)

см это stackoverflow answered by ᾠῗᵲᄐᶌ

Answer 3

Я добавил функции smartness в файл JS lib DataTables. чтобы ваши таблицы стали более интеллектуальными, чем существующие. Я сделал функциональность, чтобы удалить строки поиска, разбивки на страницы и Показать, когда таблица имеет записи, меньшие, чем 10. Однако в ней будет показано количество записей внизу чтобы заставить конечного пользователя понять причину табличного умения .. вы можете добавить приведенный ниже код в свой файл Datatables.JS lib, чтобы сделать ваши таблицы более умными. Найдите «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

этот код поможет вам добавить декоративность через вне места, где когда-либо вы используете-таблицы данных.