comment supprimer la pagination dans datatable

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.

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

Merci d'avance.

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

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.

Ç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
})

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

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

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

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>

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();