Paginering
Pagineringswidgeten bruker det tilpassede elementet <devsite-pagination>
for å vise paginert innhold eller veksle mellom mengden innhold som vises.
Generell bruk
Følgende eksempel bruker det tilpassede elementet <devsite-pagination>
for å spesifisere et container
som paginerer fire <div>
-elementer per side.
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
Flere HTML-elementer
Følgende eksempel bruker det tilpassede elementet <devsite-pagination>
for å spesifisere et container
som paginerer både <p>
- og <div>
-elementer i samme beholder.
Dette er paragraf 1.
Dette er paragraf 2.
Dette er paragraf 3.
Dette er paragraf 4.
Dette er paragraf 5.
Dette er paragraf 6.
Dette er div 1.
Dette er div 2.
Dette er div 3.
Dette er div 4.
Dette er div 5.
Dette er div 6.
Følgende eksempel bruker det tilpassede elementet <devsite-pagination>
for å spesifisere et container
som laster åtte innledende <div>
-elementer og kan veksles for å vise Mer .
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
Start-utvid
Følgende eksempel bruker det tilpassede elementet <devsite-pagination>
for å spesifisere et container
med et start-expanded
attributt som laster inn alle <div>
-elementer og kan veksles til å vise Mindre .
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
Med mindre noe annet er spesifisert, er innholdet på denne siden lisensiert under Creative Commons Attribution 4.0-lisensen, og kodeeksemplene er lisensiert under Apache 2.0-lisensen. Du finner mer informasjon i retningslinjene for Google Developers-nettstedet. Java er et registrert varemerke tilhørende Oracle og/eller samarbeidspartnerne deres.
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."],[],[]]