So zeigen Sie standardmäßig alle Zeilen in JQuery DataTable an

Weiß jemand, wie standardmäßig alle Zeilen in jQuery datatable angezeigt werden?

Ich habe diesen Code ausprobiert, aber standardmäßig werden nur 10 Zeilen angezeigt.

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

Verwenden:

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

Oder wenn Sie 1.10+ verwenden

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

Die Option, die Sie verwenden sollten, ist iDisplayLength:

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

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

Dieser funktioniert für mich:

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

Wenn Sie DataTables 1.10+ verwenden, können Sie das data- * -Attribut in Ihrem <table>Tag verwenden data-page-length="-1"

Dies setzt voraus, dass in Ihrer datierbaren Standardkonfiguration "-1" definiert ist (siehe unten)

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

Ihr Javascript wird einfach $("table").DataTables();und Sie können die Anzeige für jede Tabelle im HTML anpassen. IE. Wenn Sie eine zweite, kleinere Tabelle auf derselben Seite haben, die auf 10 Zeilen begrenzt sein sollte,<table data-page-length="10">

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

Hier finden Sie das gesamte funktionale Javascript für Ihre HTML-Datei

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

Sie müssen die Datei bootstrap-table.min.js herunterladen und einige Änderungen daran vornehmen.

• Wenn Sie die Datei bootstrap-table.min.js herunterladen, öffnen Sie sie einfach und versuchen Sie, "pageList: [10" zu finden. Machen Sie sie zu "pageList: [10,15,20,25,50,100," All "]" make sicher, dass "Alle" so geschrieben sind.

• Die Standardseitengröße kann ebenfalls über dieselbe Zeile "pageSize: 10" geändert werden. Sie können sie auch als pageSize: "All" ändern.

• Andere Optionen können ebenfalls geändert werden.

• Vergessen Sie nicht, es nach Abschluss Ihrer Änderung einzuschließen oder mit einem neuen Ort zu verknüpfen.

Ich hoffe, es ist klar und einfach genug, um es zu tun.