Paginación
El widget de paginación utiliza el elemento personalizado <devsite-pagination>
para mostrar contenido paginado o alternar la cantidad de contenido que se muestra.
Uso general
El siguiente ejemplo utiliza el elemento personalizado <devsite-pagination>
para especificar un elemento container
que pagina cuatro elementos <div>
por página.
división 1
división 2
división 3
división 4
división 5
división 6
División 7
división 8
división 9
división 10
división 11
división 12
división 13
división 14
división 15
Múltiples elementos HTML
El siguiente ejemplo usa el elemento personalizado <devsite-pagination>
para especificar un elemento container
que pagina los elementos <p>
y <div>
en el mismo contenedor.
Este es el párrafo 1.
Este es el párrafo 2.
Este es el párrafo 3.
Este es el párrafo 4.
Este es el párrafo 5.
Este es el párrafo 6.
Esta es la división 1.
Esta es la división 2.
Esta es la división 3.
Esta es la división 4.
Esta es la división 5.
Esta es la división 6.
El siguiente ejemplo usa el elemento personalizado <devsite-pagination>
para especificar un elemento container
que carga ocho elementos <div>
iniciales y se puede alternar para mostrar More .
división 1
División 2
división 3
división 4
división 5
división 6
División 7
división 8
división 9
división 10
división 11
división 12
división 13
división 14
división 15
Iniciar-expandir
El siguiente ejemplo usa el elemento personalizado <devsite-pagination>
para especificar un elemento container
con un atributo start-expanded
que carga todos los elementos <div>
y se puede alternar para mostrar Less .
división 1
división 2
división 3
división 4
división 5
división 6
División 7
división 8
división 9
división 10
división 11
división 12
división 13
división 14
división 15
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2022-04-01 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2022-04-01 (UTC)"],[],[]]