Pagination
Le widget de pagination utilise l'élément personnalisé <devsite-pagination> pour afficher le contenu paginé ou activer/désactiver la quantité affichée.
Utilisation générale
L'exemple suivant utilise l'élément personnalisé <devsite-pagination> pour spécifier un élément container qui pagine quatre éléments <div> par page.
Div. 1
Div. 2
Div. 3
Div.4
Div. 5
Div. 6
Div.7
Div.8
Div. 9
Div.10
Div.11
Div 12
Div.13
Div.14
Div.15
Plusieurs éléments HTML
L'exemple suivant utilise l'élément personnalisé <devsite-pagination> pour spécifier un élément container qui pagine les éléments <p> et <div> du même conteneur.
C'est le paragraphe 1.
C'est le paragraphe 2.
C'est le paragraphe 3.
C'est le paragraphe 4.
C'est le paragraphe 5.
C'est le paragraphe 6.
Il s'agit de l'élément div 1.
Il s'agit de l'élément div 2.
Il s'agit de l'élément div 3.
Il s'agit de l'élément div 4.
Il s'agit de l'élément div 5.
Il s'agit de l'élément div 6.
L'exemple suivant utilise l'élément personnalisé <devsite-pagination> pour spécifier un élément container qui charge huit éléments <div> initiaux et peut être basculé pour afficher Plus.
Div. 1
Div. 2
Div. 3
Div.4
Div. 5
Div. 6
Div.7
Div.8
Div. 9
Div.10
Div.11
Div 12
Div.13
Div.14
Div.15
Démarrer l'expansion
L'exemple suivant utilise l'élément personnalisé <devsite-pagination> pour spécifier un élément container avec un attribut start-expanded qui charge tous les éléments <div> et peut être basculé pour afficher Less
Div. 1
Div. 2
Div. 3
Div.4
Div. 5
Div. 6
Div.7
Div.8
Div. 9
Div.10
Div.11
Div 12
Div.13
Div.14
Div.15
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/04/01 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/04/01 (UTC)."],[],[]]
