comment supprimer la pagination dans un tableau de données

Question

Je suis novice en matière de 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 sur une page et je les affiche dans une grille de données mais je ne veux pas afficher la pagination en bas. Y a-t-il un moyen de supprimer ou de masquer la pagination de la table de données en utilisant un peu de personnalisation sur la bibliothèque jQuery.

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

Merci d'avance.

Answer 1

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

Answer 2

DÉSACTIVER LA PAGINATION

Pour les DataTables 1.9

Utilice bPaginate pour désactiver la pagination.

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

Pour les DataTables 1.10+

Utilice paging pour désactiver la pagination.

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

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

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

Pour les DataTables 1.9

Utilice sDom pour configurer les éléments de contrôle qui apparaissent sur la page.

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

Pour les DataTables 1.10+

Utilice dom pour configurer les éléments de contrôle qui apparaissent sur la page.

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

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

Answer 3

Ça marche

Essayez le code ci-dessous

$('#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
})

Answer 4

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

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

Answer 5

$('#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