Plugins de pagination jQuery

Cet article passe en revue plusieurs plugins de pagination jQuery, mis à jour en février 2017 pour précision. L'affichage des listes de résultats étendues de manière inefficace est un problème courant; La pagination offre une solution supérieure. Alors que la pagination côté serveur récupère du contenu pagé avec des URL uniques, les options côté client, en particulier les plugins jQuery, fournissent des alternatives.

Prise des clés:

• TWBS jQuery Pagination: Un plugin convivial offrant diverses options de configuration. Nécessite jQuery et le plugin lui-même, avec Bootstrap CSS en option. Prend en charge la gestion des événements pour le chargement dynamique du contenu.
• jQuery bootpag: un contrôle de pagination simple avec des étiquettes et des classes personnalisables. Nécessite JQuery, Bootstrap JS et les fichiers JS du plugin. Remarque: Dernière mise à jour mi-2015.
• jQuery dataTable: crée des tables paginées avec des capacités de tri et de filtrage. Nécessite les fichiers datatable et datatable.jquery js, avec jQuery. Prend en charge l'Ajax pour les données dynamiques.
• Plugin JPages: Un plugin personnalisable pour créer des tables, des galeries ou des curseurs. Non disponible sur github; peut ne pas être l'option la plus récente.
• jQuery Pajinate: Un plugin plus ancien pour distribuer de longues listes sur les pages. Compatible avec les versions JQuery plus anciennes mais n'a pas été mise à jour depuis 2013.

Détails du plugin:

pagination TWBS jQuery:

Ce plugin simplifie la pagination. Spécifiez un élément (idéalement un <code><ul></ul> ou <div>), et le plugin gère le reste. Il s'intègre bien aux données existantes, permettant <code>onPageClick une gestion des événements pour les mises à jour de contenu ou les appels AJAX. Maintenu activement (version 1.4.1 au moment de la rédaction).

• github
• Site Web / Docs
• Codepen

jQuery bootpag:

crée des contrôles de pagination simples. Offre des options pour les étiquettes suivantes / précédentes et la personnalisation des classes. Nécessite JQuery, Bootstrap JS et les fichiers JS du plugin. Dernier mis à jour mi-2015 (version 1.0.7). Permet de régler href Propriétés pour les ancres d'URL.

• github
• Site Web / Docs
• Codepen

jQuery dataTable:

génère des tables paginées avec filtrage et tri. Nécessite datatable et datatable.jquery js fichiers et jQuery. Prend en charge le style bootstrap ou le style personnalisé. Offre des options de configuration avancées, y compris le chargement des données AJAX et le filtrage spécifique à la colonne. Activement mis à jour (version 2.0 au moment de la rédaction).

• Site Web
• github
• Codepen

Plugin jpages:

fournit des blocs de pagination hautement personnalisables pour les tables, les galeries ou les curseurs. Prend en charge Animate.CSS et Lazy Load. Pas sur github; son âge peut être un facteur dans le choix d'un plugin.

• Site Web
• démo 1
• démo 2

jQuery Pajinate:

distribue de longues listes sur les pages. Gère directement la pagination sur le contenu. Fonctionne mieux avec les plus anciennes versions jQuery (1.x ou 2.x). Dernière mise à jour en 2013.

• github / docs
• démo

(Peer examiné par Dominic Myers. Merci aux pairs-critiques de SitePoint.)

Questions fréquemment posées (FAQ):

Cette section reste largement inchangée, en maintenant les FAQ d'origine sur les plugins de pagination jQuery, les fonctionnalités de couvrant, l'intégration, la personnalisation, la compatibilité du navigateur, le dépannage, la manipulation dynamique des données, les performances, les mises à jour, l'utilisation des plugins multiples et l'accessibilité.