116 votes

comment supprimer la pagination dans un tableau de données

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.

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.

8voto

Mohsin Shoukat Points 305

Si vous voulez enlever la pagination et mais voulez l'ordre des dataTable alors ajoutez ce script à la fin de votre page !

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );

  } );
</script>

-1voto

JayCo Points 157

n'est plus correcte !

Pour ceux d'entre vous qui développent en R Brillant les options sont :

output$EXAMPLE <- renderDataTable({

  RE <- example_dataframe
  return(RE)

}, options=list(iDisplayLength=5, bFilter = FALSE, bPaginate=FALSE))

L'option importante ici est bPaginate=FALSE


À partir de la version la plus récente de shiny, toutes les options ont été dépouillées de l'attribut b et la syntaxe a été simplifiée.

Info ici : http://shiny.rstudio.com/gallery/datatables-options.html

-1voto

ryanm Points 1556

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

Il serait peut-être plus robuste de définir la pagination à 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();

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X