Як показати всі рядки за замовчуванням у JQuery DataTable


80

Хто-небудь знає, як показати всі рядки за замовчуванням у jQuery datatable?

Я спробував цей код, але за замовчуванням він показує лише 10 рядків.

   $("#adminProducts").dataTable({
        "aLengthMenu": [100]
    });

Відповіді:


225

Використання:

$('#example').dataTable({
    aLengthMenu: [
        [25, 50, 100, 200, -1],
        [25, 50, 100, 200, "All"]
    ],
    iDisplayLength: -1
});

Або якщо використовується 1.10+

$('#example').dataTable({
    paging: false
});

16
Або "paging": falseякщо ви використовуєте новий API DataTables 1.10 .
Ронан Жуше

Або <table data-display-length='-1'>якщо ви хочете використовувати параметри DOM (DataTables 1.10+, див. Datatables.net/manual/data/orthogonal-data#HTML-5 ).
Jeromy French

2
Основою цієї дуже правильної відповіді є iDisplayLength: -1
Джо Джонстон


4
$('#table').DataTable({
   "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ]
});

3

Це працює для мене:

    $(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
      } );
    } );

1

Якщо ви використовуєте DataTables 1.10+, ви можете використовувати атрибут data- * у своєму <table>тегу data-page-length="-1"

Це передбачає, що у вашій конфігурації даних за замовчуванням визначено "-1", наприклад, нижче

$.extend(true, $.fn.dataTable.defaults, { 
    lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]]
});

Ваш javascript стає простим, $("table").DataTables();і ви можете налаштувати відображення для кожної таблиці в HTML; IE. якщо у вас є друга, менша таблиця на тій самій сторінці, яка повинна бути обмежена 10 рядками,<table data-page-length="10">


1
perfecto mondo! Найкраща відповідь, дана в секнаріо, де здійснюється глобальна ініціалізація DataTables ()
Vishnoo Rath

0

використовувати 'fnDrawCallback'

  $('#dataTable').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "fnInitComplete": function(){
            $('.display_results').show();
        },
        "fnDrawCallback": function() {
            $('.def').click(function(){
                var msg = $(this).next().text();
                $('.messages').messageBox()//Custom Dialog
            });
        }
})

0

Ось весь функціональний javascript для вашого .html-файлу

<!--- javascript -->
<script type="text/javascript">
  $(document).ready(function(){
    $('#sortable').dataTable({
        'iDisplayLength': 100
    })})
</script>

0

вам потрібно завантажити bootstrap-table.min.js і внести до нього деякі зміни ..

  • Якщо ви завантажуєте bootstrap-table.min.js, просто відкрийте його і спробуйте знайти "pageList: [10," зробіть це як "pageList: [10,15,20,25,50,100," All "]" make впевнений, що "Все" написано так.

  • Розмір сторінки за замовчуванням також можна змінити з того самого рядка "pageSize: 10", ви можете змінити його як pageSize: "All".

  • Інші параметри можна також змінити.

  • Не забудьте включити його або прив'язати до нового місця після завершення модифікації.

Сподіваюся, це можна зробити досить чітко і легко.


Я спробував усі вищезазначені відповіді, і це не спрацювало .. Просто дотримуйтесь наведених вище інструкцій.
Хамуд К Алазрі,
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.