Paginació
El giny de paginació utilitza l'element personalitzat <devsite-pagination>
per mostrar contingut paginat o canviar la quantitat de contingut mostrat.
Ús general
L'exemple següent utilitza l'element personalitzat <devsite-pagination>
per especificar un element container
que pagina quatre elements <div>
per pàgina.
Divisió 1
Divisió 2
Divisió 3
Divisió 4
Divisió 5
Divisió 6
Divisió 7
Divisió 8
Divisió 9
Divisió 10
Divisió 11
Divisió 12
Divisió 13
Divisió 14
Divisió 15
Múltiples elements HTML
L'exemple següent utilitza l'element personalitzat <devsite-pagination>
per especificar un element container
que pagina els elements <p>
i <div>
al mateix contenidor.
Aquest és el paràgraf 1.
Aquest és el paràgraf 2.
Aquest és el paràgraf 3.
Aquest és el paràgraf 4.
Aquest és el paràgraf 5.
Aquest és el paràgraf 6.
Aquesta és la div 1.
Aquesta és la div 2.
Aquesta és la div 3.
Aquesta és la div 4.
Aquesta és la div 5.
Aquesta és la div 6.
L'exemple següent utilitza l'element personalitzat <devsite-pagination>
per especificar un element container
que carregui vuit elements <div>
inicials i que es pot canviar per mostrar Més .
Divisió 1
Divisió 2
Divisió 3
Divisió 4
Divisió 5
Divisió 6
Divisió 7
Divisió 8
Divisió 9
Divisió 10
Divisió 11
Divisió 12
Divisió 13
Divisió 14
Divisió 15
Començar-expandir
L'exemple següent utilitza l'element personalitzat <devsite-pagination>
per especificar un element container
amb un atribut start-expanded
que carregui tots els elements <div>
i es pot activar per mostrar Menys .
Divisió 1
Divisió 2
Divisió 3
Divisió 4
Divisió 5
Divisió 6
Divisió 7
Divisió 8
Divisió 9
Divisió 10
Divisió 11
Divisió 12
Divisió 13
Divisió 14
Divisió 15
Tret que no s'especifiqui el contrari, el contingut d'aquesta pàgina disposa d'una llicència Creative Commons Reconeixement 4.0, i les mostres de codi tenen la llicència Apache 2.0. Per obtenir més informació, consulta les polítiques del lloc web de Google Developers. Java és una marca comercial registrada d'Oracle o de les seves empreses vinculades.
Last updated 2022-04-01 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-04-01 UTC."],[],[]]