2010-05-20 10 views

Respuesta

66

Usted tendrá que utilizar el parámetro iDisplayLength al inicializar el objeto DataTable. Aquí está el ejemplo que la lista en su documentación:

$(document).ready(function() { 
    $('#example').dataTable({ 
     "iDisplayLength": 50 
    }); 
}) 

Más información se puede encontrar aquí: http://www.datatables.net/usage/options

+3

Desde DataTables v1.10, las opciones que está buscando son 'pageLength' y' lengthMenu' –

85

La respuesta totalmente correcta sería utilizar ambos y longitud de la exhibición a 5:

$(document).ready(function(){ 
    $('#table').dataTable({ 
    "iDisplayLength": 5, 
    "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]] 
    }); 
}); 

Si usar Simplemente "iDisplayLength", a continuación, en el menú desplegable no tendrá esa longitud en las opciones de plazo o cuando la página se carga (en cambio, verá la primera opción, IE 10 por defecto). Si solo usa "aLengthMenu", sus resultados seguirán siendo 10 en lugar de la primera opción del menú.

+0

Tiene toda la razón. Buena atrapada. –

+0

Estoy de acuerdo. Esa es una mejor solución. – seneyr

+3

Desde DataTables v1.10, las opciones que busca son 'pageLength' y' lengthMenu' –

3

La respuesta resuelto mi problema de necesitar el siguiente escenario

$(document).ready(function(){ 
 
    $('#table').dataTable({ 
 
    "aLengthMenu": [[10, 25, 50, 100], ["10 Per Page", "25 Per Page", "50 Per Page", "100 Per Page"]] 
 
    }); 
 
});

0

Difícilmente para la las tablas de datos 1.9
"iDisplayLength": 50

7
$.extend(true, $.fn.dataTable.defaults, { 
    "lengthMenu": [[5, 10, 15, 20, 25], [5, 10, 15, 20, 25]], 
    "pageLength": 5 

}); 
Cuestiones relacionadas