Как показать все строки по умолчанию в jQuery DataTable

Question

Как показать все строки по умолчанию в jQuery DataTable

кто-нибудь знает, как показать все строки по умолчанию в jQuery datatable?

Я пробовал этот код, но он показывает только 10 строк по умолчанию.

   $("#adminProducts").dataTable({

        "aLengthMenu": [100]

    });

663 7

jQuery jquery-ui jquery-plugins datatables

7 ответов:

Comments

Ничего не найдено.

LCoelho · Accepted Answer · 2014-08-19 23:49:12

использование:

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

или при использовании 1.10+

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

Bartek Kobyłecki · Accepted Answer · 2012-02-25 14:11:18

опция, которую вы должны использовать, это iDisplayLength:
$('#adminProducts').dataTable({
  'iDisplayLength': 100
});

RHOUG · Accepted Answer · 2015-08-25 14:20:30

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

tenstormavi · Accepted Answer · 2016-10-19 09:43:16

это работает для меня:

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

Yoko Zunna · Accepted Answer · 2012-02-25 14:04:08

используйте '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
            });
        }
})

th3byrdm4n · Accepted Answer · 2016-10-06 21:18:05

если вы используете DataTables 1.10+, вы можете использовать атрибут data-* в своем <table> tag data-page-length="-1"

это предполагает, что у вас есть "-1", определенный в вашей конфигурации datatable по умолчанию, например, ниже
$.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">

embulldogs99 · Accepted Answer · 2018-03-09 08:41:29

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

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