2012-02-25 34 views

Respuesta

163

Uso:

$('#example').dataTable({ 
    aLengthMenu: [ 
     [25, 50, 100, 200, -1], 
     [25, 50, 100, 200, "All"] 
    ], 
    iDisplayLength: -1 
}); 

O si se utiliza 1.10+

$('#example').dataTable({ 
    paging: false 
}); 
+14

O '" paginación ": falso' si usa [DataTables 1.10 nueva API] (https://datatables.net/reference/option/paging). –

+0

O '

' si desea utilizar las opciones DOM (DataTables 1.10+, consulte https://datatables.net/manual/data/orthogonal-data#HTML-5) . –

+2

La carne de esta respuesta correcta es iDisplayLength: -1 –

0

uso 'fnDrawCallback'

$('#dataTable').dataTable({ 
     "bJQueryUI": true, 
     "sPaginationType": "full_numbers", 
     "fnInitComplete": function(){ 
      $('.display_results').show(); 
     }, 
     "fnDrawCallback": function() { 
      $('.def').click(function(){ 
       var msg = $(this).next().text(); 
       $('.messages').messageBox()//Custom Dialog 
      }); 
     } 
}) 
12

La opción se debe utilizar es iDisplayLength:

$('#adminProducts').dataTable({ 
    'iDisplayLength': 100 
}); 
3
$('#table').DataTable({ 
    "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ] 
}); 
+0

funciona con esta tabla: https://datatables.net/examples/api/form.html –

0

Si está utilizando tablas de datos 1.10+ puede utilizar los datos- * atributo en su <table> etiqueta data-page-length="-1"

Esto supone que tiene "-1" se define en la configuración por defecto tabla de datos, tales como a continuación

$.extend(true, $.fn.dataTable.defaults, { 
    lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]] 
}); 

Su Javascript se convierte simplemente en $("table").DataTables(); y usted es capaz de personalizar la pantalla para cada tabla dentro del HTML; ES DECIR. si usted tiene segundos, mesa más pequeña en la misma página que debe ser limitado a 10 filas, <table data-page-length="10">

1

Ésta funciona para mí:

$(document).ready(function() { 
    $('#example').DataTable({ 
     "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] 
     }); 
    }); 
0

Aquí es todo el Javascript funcional para su archivo .html

<!--- javascript --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#sortable').dataTable({ 
     'iDisplayLength': 100 
    })}) 
</script> 
Cuestiones relacionadas