Sivunumerointi

Sivutuswidget käyttää mukautettua <devsite-pagination> -elementtiä sivutetun sisällön näyttämiseen tai näytettävän sisällön määrän vaihtamiseen.

Yleinen käyttö

Seuraava esimerkki käyttää mukautettua <devsite-pagination> -elementtiä määrittämään container , joka sivuttaa neljä <div> -elementtiä sivua kohden.

Jako 1
Jako 2
Jako 3
Jako 4
Jako 5
Jako 6
Jako 7
Jako 8
Jako 9
Jako 10
Jako 11
Jako 12
Jako 13
Jako 14
Jako 15

Useita HTML-elementtejä

Seuraava esimerkki käyttää mukautettua <devsite-pagination> -elementtiä määrittämään container , joka sivuttaa sekä <p> - että <div> -elementit samassa säilössä.

Tämä on kohta 1.

Tämä on kohta 2.

Tämä on kohta 3.

Tämä on kohta 4.

Tämä on kohta 5.

Tämä on kohta 6.

Tämä on div 1.
Tämä on div 2.
Tämä on div 3.
Tämä on div 4.
Tämä on div 5.
Tämä on div 6.

Painikkeiden käyttöliittymä

Seuraava esimerkki käyttää mukautettua elementtiä <devsite-pagination> määrittämään container , joka lataa kahdeksan alkuperäistä <div> -elementtiä ja joka voidaan vaihtaa näyttämään Lisää .

Jako 1
Jako 2
Jako 3
Jako 4
Jako 5
Jako 6
Jako 7
Jako 8
Jako 9
Jako 10
Jako 11
Jako 12
Jako 13
Jako 14
Jako 15

Aloita-laajenna

Seuraava esimerkki käyttää mukautettua elementtiä <devsite-pagination> määrittämään container start-expanded attribuutilla, joka lataa kaikki <div> -elementit ja joka voidaan vaihtaa näyttämään Vähemmän .

Jako 1
Jako 2
Jako 3
Jako 4
Jako 5
Jako 6
Jako 7
Jako 8
Jako 9
Jako 10
Jako 11
Jako 12
Jako 13
Jako 14
Jako 15