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

Ответ 1

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

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

Или, если использовать 1.10 +

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

Ответ 2

Вы должны использовать iDisplayLength:

$('#adminProducts').dataTable({
  'iDisplayLength': 100
});

Ответ 3

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

Ответ 4

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

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

Ответ 5

Если вы используете 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">

Ответ 6

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

Ответ 7

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

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

Ответ 8

Вы должны загрузить bootstrap-table.min.js и внести в него некоторые изменения.

• Если вы загружаете файл bootstrap-table.min.js, просто откройте его и попытайтесь найти "pageList: [10, make as as" pageList: [10,15,20,25,50,100, "All"] "make уверен, что "все" написано так.

• Размер страницы по умолчанию также можно изменить из той же строки "pageSize: 10", вы можете изменить его как pageSize: "All".

• Другие опции также могут быть изменены.

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

Я надеюсь, что это достаточно ясно, чтобы быть сделано.