Par défaut, jquery datatable affiche 10 par défaut et a
options: 10,25,50,100
Comment puis-je changer ces options?
N’oubliez pas de changer également le iDisplayLength:
$(document).ready(function() { $('#tbl_id').dataTable({ "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "iDisplayLength": 25 }); } );
$(document).ready(function() { $('#example').dataTable( { "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "pageLength": 25 } ); } );
aLengthMenu: Ce paramètre vous permet de spécifier facilement les entrées du menu déroulant de longueur que DataTables affiche lorsque la pagination est activée. Il peut s’agir d’un tableau d’options 1D qui sera utilisé à la fois pour l’option affichée et la valeur, ou d’un tableau 2D qui utilisera le tableau à la première position comme valeur et le tableau à la deuxième position comme options affichées. (utile pour les chaînes de langue telles que «Tous»).
Mettre à jour
Depuis DataTables v1.10, les options que vous recherchez sont pageLength
et lengthMenu
Dans mon cas, aLengthMenu ne fonctionne pas. Donc j’ai utilisé ça. Et ça marche.
jQuery('#dyntable3').dataTable({ oLanguage: {sLengthMenu: ""}, "iDisplayLength": 100 });
Je vous remercie
Selon datatables.net, la méthode appropriée consiste à append la propriété lengthMenu avec un tableau de valeurs.
$(document).ready(function() { $('#example').dataTable( { "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] } ); } );
$('#tblSub1View').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "bDestroy": true, "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [0, 1] }], "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], "iDisplayLength": 10, });
Si vous cliquez sur un bouton change puis changez les datatables, la durée d’affichage , vous pouvez essayer ceci:
$('.something').click( function () { var oSettings = oTable.fnSettings(); oSettings._iDisplayLength = 50; oTable.fnDraw(); }); oTable = $('#example').dataTable();
Si vous voulez utiliser ‘lengthMenu’ avec des boutons (copier, exporter), vous devez utiliser cette option dom: ‘lBfrtip’. Ici https://datatables.net/reference/option/dom vous pouvez trouver la signification de chaque symbole. Par exemple, si vous utilisez comme ceci ‘Bfrtip’, lengthMenu n’apparaîtra pas.
pageLongueur: 50,
travaillé pour moi merci
Versions de référence
jquery-3.3.1.js
/1.10.19/js/jquery.dataTables.min.js
/buttons/1.5.2/js/dataTables.buttons.min.js