Пагинация

Виджет разбивки на страницы использует настраиваемый элемент <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.

Это див 1.
Это див 2.
Это раздел 3.
Это раздел 4.
Это раздел 5.
Это раздел 6.

Интерфейс кнопок

В следующем примере настраиваемый элемент <devsite-pagination> используется для указания элемента- container , который загружает восемь начальных элементов <div> и может быть переключен для отображения More .

Дивизион 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