Paginação
O widget de paginação usa o elemento personalizado <devsite-pagination> para exibir conteúdo paginado ou alternar a quantidade de conteúdo exibida.
Uso geral
O exemplo a seguir usa o elemento personalizado <devsite-pagination> para especificar um elemento de container que pagina quatro elementos <div> por página.
Divisão 1
Divisão 2
Divisão 3
Divisão 4
Divisão 5
Divisão 6
Divisão 7
Divisão 8
Divisão 9
Divisão 10
Divisão 11
Divisão 12
Divisão 13
Divisão 14
Divisão 15
Vários elementos HTML
O exemplo a seguir usa o elemento personalizado <devsite-pagination> para especificar um elemento de container que pagina os elementos <p> e <div> no mesmo contêiner.
Este é o parágrafo 1.
Este é o parágrafo 2.
Este é o parágrafo 3.
Este é o parágrafo 4.
Este é o parágrafo 5.
Este é o parágrafo 6.
Esta é a div 1.
Esta é a div 2.
Esta é a div 3.
Esta é a divisão 4.
Esta é a div 5.
Esta é a divisão 6.
O exemplo a seguir usa o elemento personalizado <devsite-pagination> para especificar um elemento de container que carrega oito elementos <div> iniciais e pode ser alternado para exibir More .
Divisão 1
Divisão 2
Divisão 3
Divisão 4
Divisão 5
Divisão 6
Divisão 7
Divisão 8
Divisão 9
Divisão 10
Divisão 11
Divisão 12
Divisão 13
Divisão 14
Divisão 15
Iniciar-expandir
O exemplo a seguir usa o elemento personalizado <devsite-pagination> para especificar um elemento de container com um atributo start-expanded que carrega todos os elementos <div> e pode ser alternado para exibir Less .
Divisão 1
Divisão 2
Divisão 3
Divisão 4
Divisão 5
Divisão 6
Divisão 7
Divisão 8
Divisão 9
Divisão 10
Divisão 11
Divisão 12
Divisão 13
Divisão 14
Divisão 15
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2022-04-01 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2022-04-01 UTC."],[],[]]
