Saltar al contenido

Cambiar el recuento de filas predeterminado de jquery datatables que se muestra

Hacemos una revisión completa cada enunciado de nuestro espacio con el objetivo de enseñarte siempre la información más veraz y actual.

Solución:

[Update because this answer seems to get some views] —

Respuesta actualizada:

En versiones posteriores (creo que 1.10+), las convenciones de nomenclatura de API cambiaron, abandonando la notación húngara. Creo que las convenciones antiguas tienen alias por 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, así es como tengo uno de los míos:

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

B) pageLength https://datatables.net/reference/option/pageLength — configúrelo opcionalmente como debería ser su valor predeterminado.

"pageLength" : 25,

Respuesta original

A) es el aLengthMenu parámetro: http://datatables.net/ref#aLengthMenu

Por ejemplo, así es como tengo uno de los míos:

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

B) iDisplayLength — establezca este parámetro en cualquiera que sea su valor predeterminado

  • Tablas de datos 1.10+

    Usar lengthMenu para definir una lista de longitudes de página disponibles y opcionalmentepageLength para establecer la longitud de la página inicial.

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

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

    Vea este jsFiddle para código y demostración.


  • Tablas de datos 1.9

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

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

    Vea este jsFiddle para código y demostración.

Aquí tienes las reseñas y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *