Sideinddeling

Pagineringswidgetten bruger det tilpassede element <devsite-pagination> til at vise pagineret indhold eller skifte mængden af ​​vist indhold.

Generel brug

Følgende eksempel bruger det tilpassede element <devsite-pagination> til at angive et container , der paginerer fire <div> -elementer pr. 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 bruger det tilpassede element <devsite-pagination> til at angive et container , der paginerer både <p> - og <div> -elementer i den samme container.

Dette er stk. 1.

Dette er stk. 2.

Dette er stk. 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.

Knapper UI

Følgende eksempel bruger det tilpassede element <devsite-pagination> til at angive et container , der indlæser otte indledende <div> -elementer og kan skiftes til at vise Mere .

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-udvid

Følgende eksempel bruger det tilpassede element <devsite-pagination> til at angive et container med en start-expanded attribut, der indlæser alle <div> -elementer og kan skiftes til at 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