การใส่เลขหน้า

วิดเจ็ตใส่เลขหน้าใช้องค์ประกอบที่กําหนดเอง <devsite-pagination> เพื่อแสดงเนื้อหาที่ใส่เลขหน้าหรือสลับจํานวนเนื้อหาที่แสดง

การใช้งานทั่วไป

ตัวอย่างต่อไปนี้ใช้<devsite-pagination> องค์ประกอบที่กําหนดเอง เพื่อระบุcontainer องค์ประกอบที่ใส่เลข 4<div> องค์ประกอบต่อหน้า

หาร 1

หาร 2

หาร 3

หาร 4

Div 5

Div 6

Div 7

Div 8

Div 9

ดิวิชัน 10

พรที่ 11

ดิวิชัน 12

Div 13

Div 14

Div 15

องค์ประกอบ HTML หลายรายการ

ตัวอย่างต่อไปนี้ใช้องค์ประกอบที่กําหนดเอง <devsite-pagination> เพื่อระบุองค์ประกอบ container ที่ใส่เลขหน้าให้กับทั้งองค์ประกอบ <p> และ <div> ในคอนเทนเนอร์เดียวกัน

นี่คือย่อหน้า 1

นี่คือย่อหน้า 2

นี่คือย่อหน้า 3

ย่อหน้าที่ 4

นี่คือย่อหน้า 5

นี่คือย่อหน้า 6

นี่คือ div 1

นี่คือ div 2

นี่คือ div 3

นี่คือ div 4

นี่คือ div 5

นี่คือ div 6

UI ของปุ่ม

ตัวอย่างต่อไปนี้ใช้องค์ประกอบที่กําหนดเอง <devsite-pagination> เพื่อระบุองค์ประกอบ container ที่โหลดองค์ประกอบ <div> เริ่มต้น 8 รายการ และสลับเพื่อแสดงเพิ่มเติมได้

หาร 1

หาร 2

หาร 3

หาร 4

Div 5

Div 6

Div 7

Div 8

Div 9

ดิวิชัน 10

พรที่ 11

ดิวิชัน 12

Div 13

Div 14

Div 15

เริ่มขยาย

ตัวอย่างต่อไปนี้ใช้องค์ประกอบที่กําหนดเอง <devsite-pagination> เพื่อระบุองค์ประกอบ container ที่มีแอตทริบิวต์ start-expanded ที่โหลดองค์ประกอบ <div> ทั้งหมดและสลับได้เพื่อแสดงน้อยลง

หาร 1

หาร 2

หาร 3

หาร 4

Div 5

Div 6

Div 7

Div 8

Div 9

ดิวิชัน 10

พรที่ 11

ดิวิชัน 12

Div 13

Div 14

Div 15