it-swarm.com.de

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

Weiß jemand, wie alle Zeilen standardmäßig in der jQuery-Datentabelle angezeigt werden?

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

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

Benutzen:

$('#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
});
192
LCoelho

Die Option, die Sie verwenden sollten, ist iDisplayLength:

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

Dieser arbeitet für mich:

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

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

Dies setzt voraus, dass Sie "-1" in Ihrer datatable-Standardkonfiguration definiert haben, wie im Folgenden beschrieben

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

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

1
th3byrdm4n

Hier ist das gesamte Funktions-Javascript für Ihre HTML-Datei

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

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," make it as "pageList: [10,15,20,25,50,100," All "]" make zu finden sicher, dass "Alle" so geschrieben.

  • Die Standardseitengröße kann ebenfalls in derselben Zeile "pageSize: 10" und als pageSize: "All" geändert werden.

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

  • Vergessen Sie nicht, es einzuschließen oder mit einem neuen Ort zu verknüpfen, nachdem Sie Ihre Änderung abgeschlossen haben.

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

0
Hamood K Alazri

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