Tamaño de paginación de jQuery DataTables

He estado usando el complemento jQuery DataTables ( http://datatables.net ) durante bastante tiempo y, por lo general, estamos muy bien usando los tamaños predeterminados y usando "bStateSave": true .

Pero ahora realmente necesito establecer el tamaño de la paginación no como [10,25,50,100] sino que necesito esto como digamos [1,2,3]. Consigo que el menú se establezca así con la configuración de la opción aLengthMenu:[1,2,3] y si selecciono una de las opciones, establece la cantidad de selección correcta.

Pero en dataTable STARTUP no establece la longitud en 1,2,3 sino en el valor predeterminado '10'

¿Qué opción me estoy perdiendo? ¡Gracias por adelantado!

preguntado el 08 de noviembre de 11 a las 13:11

3 Respuestas

borre sus cookies, las tablas de datos guardadas cuando estaba usando bStateSave y tenía 10,25,50,100

luego actualice y ahora debería guardar 1 o 2 o 3

Quieres decir

"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]],
"iDisplayLength" : 10,

respondido 08 nov., 11:18

Gracias de antemano, solo cambiar aLengthMenu no tuvo ningún efecto hoy (no usé bStateSave en ese momento), así que intentaré con iDisplayLength mañana. Se lo haré saber y luego votaré / aceptaré, ¡gracias de antemano! - Diana

Genial gracias iDisplayLength es la opción para configurar la cantidad inicial de filas de datos que se mostrarán. ¡Muchas gracias! - Diana

  • Tablas de datos 1.10+

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

    If pageLength no se especifica, se establecerá automáticamente en el primer valor dado en la matriz especificada por lengthMenu.

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

    Consulte nuestra página este jsFiddle para código y demostración.


  • Tablas de datos 1.9

    Utilizan 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,        
    });
    

    Consulte nuestra página este jsFiddle para código y demostración.

contestado el 19 de mayo de 17 a las 05:05

Para tablas de datos por debajo de 1.10, consulte la respuesta no aceptada Esta es la versión más actual y, por lo tanto, debería aceptarse ahora: Diana

Asegúrese de esperar hasta que se carguen las cosas angulares.

$timeout(function(){ // given timeout for wait load the page
   $('#dataTables-example').dataTable({
        "iDisplayLength": 10, 
   });
}, 100, false);

Respondido el 27 de Septiembre de 17 a las 09:09

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.