web-dev-qa-db-fra.com

comment enlever la pagination dans datatable

Je suis nouveau dans jQuery. J'ai utilisé des datatables 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 bit sur la bibliothèque jQuery.

enter image description here

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

Merci d'avance.

72
Toseef Khilji

Vous devez inclure "bPaginate": false, dans l'objet de configuration que vous transmettez aux paramètres de votre constructeur. Comme on le voit ici: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

136
nstCactus

DÉSACTIVER LA PAGINATION

pour les DataTables 1.9

Utilisez l’option bPaginate pour désactiver la pagination.

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

pour les DataTables 1.10 +

Utilisez l’option paging pour désactiver la pagination.

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

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

SUPPRIMEZ LE CONTRÔLE DE PAGINATION ET LA PAGINATION DE CONGÉS ACTIVÉE

pour les DataTables 1.9

Utilisez l’option sDom pour configurer les éléments de contrôle à afficher sur la page.

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

pour les DataTables 1.10 +

Utilisez l’option dom pour configurer les éléments de contrôle à afficher sur la page.

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

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

57
Gyrocode.com
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

j'ai résolu mon problème en l'utilisant, j'espère que cela fonctionne pour vous ..

20
Toseef Khilji

Ç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
})
19
Muhammad Fahad
$('#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

5
Abhishek B Patel

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>
3
Mohsin Shoukat