Come visualizzare tutte le righe per impostazione predefinita in JQuery DataTable

Qualcuno sa come visualizzare tutte le righe per impostazione predefinita in jQuery datatable?Come visualizzare tutte le righe per impostazione predefinita in JQuery DataTable

Ho provato questo codice, ma mostra solo 10 righe per impostazione predefinita.

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

fonte

2012-02-25 Radislav

163

Usa:

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

O se utilizza 1.10+

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

fonte

2012-10-04 12:41:35 LCoelho

+14

Oppure "paging": false' se si utilizza [DataTables 1.10 nuova API] (https://datatables.net/reference/option/paging). –

Oppure '

' se si desidera utilizzare le opzioni DOM (DataTables 1.10+, vedere https://datatables.net/manual/data/orthogonal-data#HTML-5) . –

La carne di questa risposta molto corretta è iDisplayLength: -1 –

uso '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 
      }); 
     } 
})

fonte

2012-02-25 12:04:08

L'opzione si dovrebbe usare è iDisplayLength:

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

fonte

2012-02-25 12:11:18

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

fonte

2015-08-25 10:19:34 RHOUG

funziona con questa tabella: https://datatables.net/examples/api/form.html –

Se stai usando DataTable 1.10+ è possibile utilizzare l'dati- * attributo nel tag <table>data-page-length="-1"

Questo presuppone che "-1" definito nella configurazione di default DataTable, come ad come di seguito

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

Javascript diventa semplicemente $("table").DataTables(); e siete in grado di personalizzare la visualizzazione per ogni tabella all'interno del codice HTML; IE. se si dispone secondo, tavolo più piccolo nella stessa pagina che dovrebbe essere limitato a 10 righe, <table data-page-length="10">

fonte

2016-09-28 00:36:55 th3byrdm4n

Questo funziona per me:

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

fonte

2016-10-19 06:43:16 tenstormavi

Ecco l'intero javascript funzionale per il file .html

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

fonte

2018-03-09 06:41:29 embulldogs99

Problemi correlati