تكرار رؤوس الجدول في وضع الطباعة

عندما يمتد الجدول لعدة صفحات أثناء الطباعة، غالبًا ما يكون من المرغوب فيه أن يكون لديك صفوف الرأس (عناصر TH) ) مكرر في كل صفحة لسهولة الرجوع إليها. يوفر CSS آلية لتحقيق ذلك.

الحل: استخدام عنصر THEAD

تم تصميم عنصر THEAD في CSS خصيصًا لهذا الغرض. يسمح لك بتحديد مجموعة من صفوف الرأس التي يجب تكرارها في كل صفحة مطبوعة. وإليك كيفية استخدامه:

1. لف رؤوس الجدول في عنصر THEAD:

   Header 1	Header 2	Header 3

2. أضف النمط التالي إلى قاعدة @page الخاصة بك:

   @page {
     margin: 1cm;
     @top-left {
       content: element(thead);
     }
   }

شرح:

يعمل عنصر thead كحاوية لصفوف الرأس.
@ تقوم قاعدة الصفحة بتعيين هوامش الصفحة وتتضمن قاعدة فرعية @top-left مع تعيين خاصية المحتوى على element(thead).
• يوجه هذا التكوين المتصفح لعرض المحتويات من عنصر THEAD في الزاوية العلوية اليسرى من كل صفحة مطبوعة، مما يؤدي إلى تكرار رؤوس الجدول بشكل فعال.
من خلال استخدام عنصر THEAD، يمكنك التأكد من عرض رؤوس الجدول بشكل متسق في كل صفحة مطبوعة. ، مما يوفر مرجعًا واضحًا ومريحًا لقرائك.