Paginacija

Pripomoček za razvrščanje strani uporablja element po meri <devsite-pagination> za prikaz vsebine s paginacijo ali preklapljanje količine prikazane vsebine.

Splošna uporaba

Naslednji primer uporablja element po meri <devsite-pagination> za podajanje elementa container , ki razvršča štiri elemente <div> na stran.

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

Več elementov HTML

Naslednji primer uporablja element po meri <devsite-pagination> za podajanje elementa container , ki razvršča oba elementa <p> in <div> v istem vsebniku.

To je odstavek 1.

To je odstavek 2.

To je odstavek 3.

To je 4. odstavek.

To je 5. odstavek.

To je 6. odstavek.

To je div 1.
To je div 2.
To je div 3.
To je div 4.
To je div 5.
To je div 6.

Uporabniški vmesnik gumbov

Naslednji primer uporablja element po meri <devsite-pagination> za določitev elementa container , ki naloži osem začetnih elementov <div> in ga je mogoče preklopiti, da prikaže Več .

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

Začni-razširi

Naslednji primer uporablja element po meri <devsite-pagination> za določitev elementa container z atributom start-expanded , ki naloži vse elemente <div> in ga je mogoče preklopiti tako, da prikaže Manj .

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