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]
});
jquery
jquery-ui
jquery-plugins
datatables
Radislav
quelle
quelle
"paging": false
wenn Sie die neue DataTables 1.10-API verwenden .<table data-display-length='-1'>
wenn Sie DOM-Optionen verwenden möchten (DataTables 1.10+, siehe datatables.net/manual/data/orthogonal-data#HTML-5 ).Die Option, die Sie verwenden sollten, ist iDisplayLength:
$('#adminProducts').dataTable({ 'iDisplayLength': 100 });
quelle
$('#table').DataTable({ "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ] });
quelle
Dieser funktioniert für mich:
$(document).ready(function() { $('#example').DataTable( { "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] } ); } );
quelle
Wenn Sie DataTables 1.10+ verwenden, können Sie das data- * -Attribut in Ihrem
<table>
Tag verwendendata-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">
quelle
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 }); } })
quelle
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>
quelle
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.
quelle