Phân trang

Tiện ích phân trang sử dụng phần tử tùy chỉnh <devsite-pagination> để hiển thị nội dung được phân trang hoặc chuyển đổi lượng nội dung hiển thị.

Sử dụng chung

Ví dụ sau đây sử dụng phần tử tùy chỉnh <devsite-pagination> để chỉ định phần tử container nhằm đánh số trang cho bốn phần tử <div> trên mỗi trang.

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

Nhiều phần tử HTML

Ví dụ sau đây sử dụng phần tử tùy chỉnh <devsite-pagination> để chỉ định phần tử container nhằm phân trang cả hai phần tử <p> và <div> trong cùng một vùng chứa.

Đây là đoạn 1.

Đây là đoạn 2.

Đây là đoạn 3.

Đây là đoạn 4.

Đây là đoạn 5.

Đây là đoạn 6.

Đây là div 1.

Đây là div 2.

Đây là div 3.

Đây là div 4.

Đây là div 5.

Đây là div 6.

Giao diện người dùng của các nút

Ví dụ sau đây sử dụng phần tử tùy chỉnh <devsite-pagination> để chỉ định phần tử container tải tám phần tử <div> ban đầu và có thể chuyển đổi để hiển thị Thêm.

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

Bắt đầu mở rộng

Ví dụ sau đây sử dụng phần tử tùy chỉnh <devsite-pagination> để chỉ định phần tử container có thuộc tính start-expanded tải tất cả các phần tử <div> và có thể được chuyển đổi để hiển thị Ẩn bớt

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