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

78

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]
    });
Radislav
quelle

Antworten:

222

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
});
LCoelho
quelle
16
Oder "paging": falsewenn Sie die neue DataTables 1.10-API verwenden .
Ronan Jouchet
Oder <table data-display-length='-1'>wenn Sie DOM-Optionen verwenden möchten (DataTables 1.10+, siehe datatables.net/manual/data/orthogonal-data#HTML-5 ).
Jeromy French
2
Das Fleisch dieser sehr richtigen Antwort ist iDisplayLength: -1
Joe Johnston
16

Die Option, die Sie verwenden sollten, ist iDisplayLength:

$('#adminProducts').dataTable({
  'iDisplayLength': 100
});
Bartek Kobyłecki
quelle
4
$('#table').DataTable({
   "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ]
});
RHOUG
quelle
3

Dieser funktioniert für mich:

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

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">

th3byrdm4n
quelle
1
perfecto mondo! Die beste Antwort angesichts des Szenarios, in dem eine globale Initialisierung von DataTables () durchgeführt wird
Vishnoo Rath,
0

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
            });
        }
})
Yoko Zunna
quelle
0

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>
embulldogs99
quelle
0

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.

Hamood K Alazri
quelle
Ich habe alle oben genannten Antworten ausprobiert und es hat nicht funktioniert. Befolgen Sie einfach die obigen Anweisungen.
Hamood K Alazri