2012-02-14 21 views
28

De forma predeterminada, datatables tiene 4 tamaños de registros para mostrar: 10,25,50,100.Cambiar el recuento de filas predeterminado de jquery datatables mostrado

A) ¿Hay alguna manera de cambiar esto? Traté de editar el archivo jquery para cambiar la matriz a [30,60,90,120] y esto lo destruyó.

B) ¿Hay alguna forma de establecer el tamaño de selección predeterminado, por ejemplo, 50 (en lugar de 10) de este selector al inicializar cuando jquery lo construye?

No puedo encontrar ninguno de estos elementos en la documentación.

Respuesta

65

[Actualización porque esta respuesta parece conseguir algunos puntos de vista] -

respuesta Actualizado:

En versiones posteriores (creo 1.10+), las convenciones de nomenclatura cambió API, abandonando la notación húngara . Creo que las viejas convenciones son alias para la compatibilidad, pero las convenciones actuales son:

lengthMenu 
pageLength 

Por lo tanto, las respuestas actualizadas son:

A) es el lengthMenu parámetro: https://datatables.net/reference/option/lengthMenu

Por ejemplo, aquí está la forma en que tengo una de las minas conjunto:

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

B) pageLength https://datatables.net/reference/option/pageLength - configurar opcionalmente para este cualquiera que sea tu defecto debe ser

"pageLength" : 25, 

respuesta original

A) Es la aLengthMenu parámetro: http://datatables.net/ref#aLengthMenu

Por ejemplo, así es como tengo uno de conjunto de minas:

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

B) iDisplayLength - establezca este parámetro en cualquiera que sea su defecto debe ser

+0

¿Hay algún evento disparado, cuando el usuario selecciona otra longitud? – Javaguru

+0

Estos son los eventos que se activan con la versión actual de las tablas de datos: https://datatables.net/reference/event/ –

1
  • DataTables 1.10+

    Uso lengthMenu para definir una lista de longitudes de página disponibles y opcionalmente pageLength para ajustar la longitud de página inicial.

    Si no se especifica pageLength, se establecerá automáticamente en el primer valor especificado en el conjunto especificado en lengthMenu.

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

    Ver el código this jsFiddle para ver el código y la demostración.


  • DataTables 1,9

    Use aLengthMenu para definir una lista de longitudes de página disponibles y iDisplayLength para ajustar longitud de la página inicial.

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

    Para el código y demostración, ver this jsFiddle.

Cuestiones relacionadas