Changer les valeurs de la boîte de sélection de “afficher 10 entrées” de jquery datatable

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.

entrer la description de l'image ici 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