Пагинация

Притурката за пагинация използва персонализирания елемент <devsite-pagination> за показване на пагинирано съдържание или превключване на количеството показано съдържание.

Обща употреба

Следващият пример използва персонализирания елемент <devsite-pagination> , за да посочи container елемент, който пагинира четири елемента <div> на страница.

Раздел 1
Раздел 2
Раздел 3
Раздел 4
Раздел 5
Раздел 6
Раздел 7
Раздел 8
Раздел 9
Раздел 10
Раздел 11
Раздел 12
Раздел 13
Раздел 14
Раздел 15

Множество HTML елементи

Следващият пример използва персонализирания елемент <devsite-pagination> , за да посочи container елемент, който пагинира и двата елемента <p> и <div> в един и същ контейнер.

Това е параграф 1.

Това е параграф 2.

Това е параграф 3.

Това е параграф 4.

Това е параграф 5.

Това е параграф 6.

Това е div 1.
Това е div 2.
Това е раздел 3.
Това е раздел 4.
Това е раздел 5.
Това е раздел 6.

Потребителски интерфейс на бутони

Следващият пример използва персонализирания елемент <devsite-pagination> , за да посочи container елемент, който зарежда осем първоначални елемента <div> и може да бъде превключен за показване на Още .

Раздел 1
Раздел 2
Раздел 3
Раздел 4
Раздел 5
Раздел 6
Раздел 7
Раздел 8
Раздел 9
Раздел 10
Раздел 11
Раздел 12
Раздел 13
Раздел 14
Раздел 15

Старт-разшири

Следващият пример използва персонализирания елемент <devsite-pagination> , за да посочи елемент на container с атрибут start-expanded , който зарежда всички елементи <div> и може да се превключва, за да показва Less .

Раздел 1
Раздел 2
Раздел 3
Раздел 4
Раздел 5
Раздел 6
Раздел 7
Раздел 8
Раздел 9
Раздел 10
Раздел 11
Раздел 12
Раздел 13
Раздел 14
Раздел 15