jQuery DataTables Pagination Size

Question

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

Pero ahora realmente necesito establecer el tamaño de la paginación no como [10,25,50,100] sino más bien lo necesito como digamos [1,2,3]. El menú se configura de esta manera 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 el arranque dataTable no fija la duración de 1,2,3 sino más bien a los valores predeterminados '10'

¿Qué opción me estoy perdiendo? ¡Gracias de antemano!

Answer 1

• DataTables 1.10+

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

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

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

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

---

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

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

Answer 2

borrar las cookies, los más tablas de datos salvados cuando lo estaba utilizando bStateSave y tenías 10,25,50,100

a continuación, actualiza y ahora deben guardar 1 o 2 o 3

Qué quiere decir

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

Answer 3

Asegúrate de esperar, hasta que las cosas angulosas se carguen.

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