web-dev-qa-db-fra.com

Comment afficher toutes les lignes par défaut dans JQuery DataTable

Est-ce que quelqu'un sait comment afficher toutes les lignes par défaut dans jQuery datatable?

J'ai essayé ce code, mais il n'affiche que 10 lignes par défaut.

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

Utilisation:

$('#example').dataTable({
    aLengthMenu: [
        [25, 50, 100, 200, -1],
        [25, 50, 100, 200, "All"]
    ],
    iDisplayLength: -1
});

Ou si vous utilisez 1.10+

$('#example').dataTable({
    paging: false
});
192
LCoelho

L'option que vous devriez utiliser est iDisplayLength:

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

Celui-ci fonctionne pour moi:

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

Si vous utilisez DataTables 1.10+, vous pouvez utiliser l'attribut data- * de votre balise <table>data-page-length="-1"

Cela suppose que vous avez "-1" défini dans votre configuration par défaut datable, comme ci-dessous

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

Votre javascript devient simplement $("table").DataTables(); et vous pouvez personnaliser l'affichage pour chaque table du code HTML; C'EST À DIRE. si vous avez un deuxième tableau plus petit dans la même page qui devrait être limité à 10 lignes, <table data-page-length="10">

1
th3byrdm4n

Voici l'intégralité du javascript fonctionnel de votre fichier .html

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

vous devez télécharger le fichier bootstrap-table.min.js et y apporter quelques modifications.

  • Si vous téléchargez le fichier bootstrap-table.min.js, ouvrez-le simplement et essayez de trouver "pageList: [10," transformez-le en "pageList: [10,15,20,25,50,100," Tous "]" make sûr que "Tous" écrit comme ça.

  • La taille de page par défaut peut également être modifiée à partir de la même ligne "pageSize: 10". Vous pouvez également la modifier en tant que pageSize: "Tout".

  • D'autres options peuvent également être modifiées.

  • N'oubliez pas de l'inclure ou de le lier à un nouvel endroit après avoir terminé votre modification.

J'espère que c'est clair et assez facile à faire.

0
Hamood K Alazri

utilisez '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