2012-02-14 12 views
28

Per impostazione predefinita, i datatables presentano 4 dimensioni di record da mostrare: 10,25,50,100.Cambiare i dati jquery conteggio riga predefinito visualizzato

A) C'è un modo per cambiare questo? Ho provato a modificare il file jquery per cambiare l'array in [30,60,90,120] e questo lo ha distrutto.

B) C'è un modo per impostare la dimensione di selezione predefinita dire a 50 (anziché a 10) di questo selettore al momento dell'inizializzazione quando jquery lo crea?

Non riesco a trovare nessuno di questi articoli nella documentazione.

risposta

65

[Update perché questa risposta sembra avere alcuni punti di vista] -

Risposta Aggiornato:

Nelle versioni successive (credo 1.10+), le convenzioni di denominazione API cambiato, abbandonando la notazione ungherese . Credo che le vecchie convenzioni sono alias per la compatibilità, ma le convenzioni attuali sono:

lengthMenu 
pageLength 

Così, le risposte aggiornate sono:

A) è il parametro lengthMenu: https://datatables.net/reference/option/lengthMenu

Per esempio, ecco come devo uno dei miei set:

"lengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]], 

B) pagelength https://datatables.net/reference/option/pageLength - opzionalmente impostare questa qualunque sia il tuo valore predefinito.

"pageLength" : 25, 

risposta originale

A) E 'il parametro aLengthMenu: http://datatables.net/ref#aLengthMenu

Ad esempio, ecco come ho una delle mie serie:

"aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]], 

B) iDisplayLength - Impostare questo parametro su qualunque sia la vostra default dovrebbe essere

+0

C'è qualche evento sparato, quando l'utente seleziona un'altra lunghezza? – Javaguru

+0

Ecco gli eventi che vengono generati con la versione corrente dei datatables: https://datatables.net/reference/event/ –

1
  • DataTable 1.10+

    Usa lengthMenu di definire un elenco di lunghezze di pagina disponibili e opzionalmentepageLength per impostare la lunghezza della pagina iniziale.

    Se pageLength non è specificato, verrà automaticamente impostato sul primo valore indicato nell'array specificato da lengthMenu.

    var table = $('#example').DataTable({ 
        lengthMenu: [ [2, 4, 8, -1], [2, 4, 8, "All"] ], 
        pageLength: 4 
    }); 
    

    Vedi this jsFiddle per il codice e la dimostrazione.


  • DataTable 1,9

    Utilizzare aLengthMenu per definire un elenco di lunghezze di pagina disponibili e iDisplayLength per impostare la lunghezza della pagina iniziale.

    var table = $('#example').dataTable({ 
        "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ], 
        "iDisplayLength" : 4,   
    }); 
    

    Vedere this jsFiddle per codice e dimostrazione.

Problemi correlati