Podział na strony

Widżet do podziału na strony używa elementu niestandardowego <devsite-pagination> do wyświetlania treści podzielonej na strony lub przełączania ilości wyświetlanej treści.

Ogólne użycie

W tym przykładzie użyto elementu niestandardowego <devsite-pagination> do określenia elementu container dzielącego cztery elementy <div> na stronę.

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

Wiele elementów HTML

W tym przykładzie użyto elementu niestandardowego <devsite-pagination>, aby określić element container, który dzieli elementy <p> i <div> w tym samym kontenerze.

To jest akapit 1.

To jest ustęp 2.

To jest ustęp 3.

To jest punkt 4.

To jest akapit 5.

To jest punkt 6.

To jest element div 1.

To jest element div 2.

To jest element div 3.

To jest blok 4.

To jest element div 5.

To jest blok 6.

Przyciski na interfejsie

W przykładzie poniżej użyto elementu niestandardowego <devsite-pagination>, aby określić element container, który wczytuje osiem początkowych elementów <div> i można włączyć opcję Więcej.

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

Rozpocznij rozwinięcie

W przykładzie poniżej użyto elementu niestandardowego <devsite-pagination>, aby określić element container z atrybutem start-expanded, który wczytuje wszystkie elementy <div> i można go włączyć w celu wyświetlenia opcji Mniej.

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