comment supprimer la pagination dans datatable

92

Je suis nouveau dans jQuery. J'ai utilisé des tables de données dans la grille mais je n'ai pas besoin de pagination.

Il y a une liste de commandes dans une page et je les montre dans une grille Datatable mais en bas je ne veux pas montrer la pagination. Existe-t-il un moyen de supprimer ou de masquer la pagination de la table de données en utilisant une personnalisation de bits sur la bibliothèque jQuery.

entrez la description de l'image ici

J'ai essayé de le personnaliser mais j'ai trouvé très peu de méthodes pour le faire.

Merci d'avance.

jquery html pagination datatables Toseef Khilji
la source
2
quelle méthode ou quel plugin utilisez-vous?
Naryl

Réponses:

163

Vous devez inclure "bPaginate": false,dans l'objet de configuration que vous passez à vos paramètres de constructeur. Comme vu ici: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

nstCactus
la source
1
Si je souhaite n'afficher que les 100 premières lignes de mes données, bPaginate ne fonctionne pas, car il affiche toutes les données quel que soit mon paramètre iDisplayLength. Savez-vous comment éviter cela?
Alexis Dufrenoy le
Corrigez-moi si je me trompe mais si vous n'affichez que les 100 premiers éléments et désactivez la pagination, l'utilisateur n'a aucun moyen d'afficher le résultat suivant. Si tel est le cas, vous devriez essayer de modifier directement votre source de données . Cela semble être un problème différent, vous devriez donc envisager d'ouvrir une nouvelle question et nous donner une partie de votre code.
nstCactus
1
En fait, c'est pour une fonction de recherche, et j'ai également besoin d'afficher un message indiquant que l'utilisateur doit changer ses critères de recherche car trop de lignes ont été récupérées. Pour mémoire, j'ai posé la question sur le forum Datatables, et la solution est d'ajouter une option: sDom = lfrt (sans un "p", pour aucune pagination). Peut être utile ...
Alexis Dufrenoy
71

DÉSACTIVER LA PAGINATION

Pour DataTables 1.9

Utilisez l' bPaginateoption pour désactiver la pagination.

$('#example').dataTable({
    "bPaginate": false
});

Pour DataTables 1.10+

Utilisez l' pagingoption pour désactiver la pagination.

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

Voir ce jsFiddle pour le code et la démonstration.

SUPPRIMER LE CONTRÔLE DE PAGINATION ET LAISSER LA PAGINATION ACTIVÉE

Pour DataTables 1.9

Utilisez l' sDomoption pour configurer les éléments de contrôle qui apparaissent sur la page.

$('#example').dataTable({
    "sDom": "lfrti"
});

Pour DataTables 1.10+

Utilisez l' domoption pour configurer les éléments de contrôle qui apparaissent sur la page.

$('#example').dataTable({
    "dom": "lfrti"
});

Voir ce jsFiddle pour le code et la démonstration.

Gyrocode.com
la source
2
pour 1.10+, la spécification data-paging='false'de l'élément table fonctionnera également.
Jeromy French
21

Ça marche

Essayez ci-dessous le code

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})
Muhammad Fahad
la source
20 
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

J'ai résolu mon problème en l'utilisant.

Toseef Khilji
la source
12 
$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

Essayez ce code

Abhishek B Patel
la source
6

si vous souhaitez supprimer la pagination et que vous souhaitez commander dataTable, ajoutez ce script à la fin de votre page!

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>
Développer l'extrait

Mohsin Shoukat
la source
-1

Voici une alternative qui est une amélioration progressive de plusieurs autres réponses. En supposant que settings.aLengthMenu n'est pas multidimensionnel (cela peut être lorsque DataTables a des longueurs de ligne et des étiquettes) et que les données ne changeront pas après le chargement de la page (pour les DataTables simples chargés par DOM), cette fonction peut être insérée pour éliminer la pagination. Il cache plusieurs classes liées à la pagination.

Peut-être plus robuste serait de définir la pagination sur false dans la fonction ci-dessous, mais je ne vois pas d'appel API pour cela.

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();
Ryanm
la source