Cómo mostrar todas las filas de forma predeterminada en JQuery DataTable

¿Alguien sabe cómo mostrar todas las filas de forma predeterminada en jQuery datatable?

Probé este código, pero solo muestra 10 filas por defecto.

   $("#adminProducts").dataTable({
        "aLengthMenu": [100]
    });

Utilizar:

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

O si usa 1.10+

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

La opción que debe utilizar es iDisplayLength:

$('#adminProducts').dataTable({
  'iDisplayLength': 100
});

$('#table').DataTable({
   "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ]
});

Esta funciona para mí:

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

Si está usando DataTables 1.10+, puede usar el atributo data- * en su <table>etiqueta data-page-length="-1"

Esto supone que tiene "-1" definido en la configuración predeterminada de su tabla de datos, como a continuación

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

Su javascript se vuelve simple $("table").DataTables();y puede personalizar la visualización para cada tabla dentro del HTML; ES DECIR. si tiene una segunda tabla más pequeña en la misma página que debería estar limitada a 10 filas,<table data-page-length="10">

use '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
            });
        }
})

Aquí está el javascript funcional completo para su archivo .html

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

tienes que descargar bootstrap-table.min.js y hacerle alguna modificación ..

• Si descarga bootstrap-table.min.js, simplemente ábralo e intente encontrar "pageList: [10", hágalo como "pageList: [10,15,20,25,50,100," All "]" make asegúrese de que "Todo" escrito así.

• El tamaño de página predeterminado también se puede cambiar desde la misma línea "pageSize: 10", puede cambiarlo como pageSize: "All".

• También se pueden modificar otras opciones.

• No olvide incluirlo o vincularlo a un nuevo lugar después de completar su modificación.

Espero que sea lo suficientemente claro y fácil de hacer.