التقسيم على صفحات

تستخدم أداة التقسيم على صفحات العنصر المخصص <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.

هذه هي الفقرة الخامسة.

هذه هي الفقرة السادسة.

هذا هو القسم 1.

هذا هو القسم 2.

هذا هو القسم 3.

هذا هو القسم 4.

هذا هو القسم 5.

هذه هي علامة div 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> ويمكن تبديله إلى العرض أقل.

فريق 1

فريق 2

فريق 3

فريق 4

فريق 5

فريق 6

فريق 7

المجموعة 8

مطوّر البرامج 9

مطوّر البرامج 10

مطوّر البرامج 11

مطوّر البرامج 12

مرحلة 13

فريق 14

مرحلة 15