jquery - none - paging datatable

jQuery DataTables Pagination Size

Question

He estado usando el plugin jQuery DataTables ( http://datatables.net ) durante bastante tiempo y usualmente estamos súper bien usando los tamaños predeterminados y usando la "bStateSave": true .

Pero ahora realmente necesito establecer el tamaño de la paginación no como [10,25,50,100] sino que más bien lo necesito como digamos [1,2,3]. El menú se configura así con la configuración de la opción aLengthMenu:[1,2,3] y si selecciono una de las opciones, se establece el importe de selección correcto.

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

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

Answer 1

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

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

Answer 2

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

luego actualiza 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,

Answer 3

• DataTables 1.10+

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

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

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

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

• DataTables 1.9

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

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