ما هو استخدام مجموعة عمود الجدول ومجموعة صف الجدول في CSS

Ma Hw Astkhdam Mjmw T Mwd Aljdwl Wmjmw T Sf Aljdwl Fy Css



يسمح التجميع في الجداول للمستخدم بدمج خليتين أو أكثر معًا لعرض قيمة واحدة أو جزء من النص يتوافق مع عدة إدخالات سابقة. يقدم تجميع الخلايا نظرة واضحة للجدول ويجعل العرض التقديمي بأكمله موجزًا ​​ويمكن للقارئ الوصول إليه. المصطلح التقني لتجميع الخلايا في جدول في CSS هو 'امتداد'. إذا امتد صف أو عمود معين على قيمة أكبر من '1' ، فإنه يعتبر مجموعة جدول.

ما هي مجموعة عمود الجدول؟

مجموعة عمود الجدول ، كما يوحي الاسم ، هي مجموعة من الخلايا من أعمدة متعددة. جميع القيم الموجودة في عمود معين مرتبطة ببعضها البعض. يستضيف عمود الجدول عنصرًا يشتمل على أعمدة متعددة. نحن نستخدم ' 'لتجميع الأعمدة معًا في جدول في CSS. بعد ذلك ، يتم تحديد قيمة الامتداد للإشارة إلى عدد الأعمدة التي ستحتوي عليها المجموعة.

مثال
في الجدول حول البيانات الحيوية لموظفي الشركة حيث يتم تسجيل 'الاسم' و 'العمر' و 'الطول' ، يتوافق كل عمود أزرق مع موظف معين ، كما هو موضح في المثال التالي:







< طاولة >
< كولجروب >
< العمود أسلوب = 'لون الخلفية: وردي' >
< العمود فترة = '3' أسلوب = 'لون الخلفية: lightblue' >
< / كولجروب >
< آر >
< td > اسم < / td >
< td > ميخائيل < / td >
< td > جوامع < / td >
< td > ديفيد < / td >
< / آر >
< آر >
< td > عمر < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / آر >
< آر >
< td > ارتفاع < / td >
< td > 173 سم < / td >
< td > 184 سم < / td >
< td > 188 سم < / td >
< / آر >
< / طاولة >

اتبع الخطوات الموضحة أدناه وفقًا للكود أعلاه:



  • ابدأ بإنشاء جدول وإضافة بطاقة شعار.
  • استخدم ال فترة فئة الأداة المساعدة وتحديد عدد الأعمدة التي سيتم تجميعها معًا.
  • الآن ، أغلق colgroup باستخدام ملف بطاقة شعار.
  • أيضًا ، أدخل البيانات المذكورة في صفوف الجدول باستخدام ملف و العلامات.
  • أغلق الجدول عبر بطاقة شعار.

انتاج |



يمثل 'امتداد' الخلايا في جدول بتنسيق HTML عدد الأعمدة التي يمكن لخلية واحدة تغطيتها. يقدم نفس استخدام وظيفة 'دمج' الخلايا في Microsoft Excel.





ما هي مجموعة صف الجدول؟

مجموعة صف الجدول هي ربط صفوف متعددة معًا لتكوين مجموعة واحدة. يشتمل العنصر المفرد على صفوف متعددة. يتم ذلك عبر ' ' بطاقة شعار.

مثال
يمكن عرض الجدول التالي الذي يعرض المبيعات التي قام بها الموظفون في شهر من خلال تجميع الصف الذي يحتوي على اسم الشهر مقابل أسماء عدة موظفين. بعد ذلك ، يمكن عرض مبيعاتهم المقابلة لأسمائهم. لقد أوضحنا الشيء نفسه في الكود أدناه:



< طاولة فصل = 'الحمار الوحشي الرطب' >
< كولجروب >
< العمود >
< العمود >
< / كولجروب >




< tbody >
< آر >
< ذ كولسبان = '9' > المبيعات الشهرية ( $ ) < / ذ >
< / آر >
< آر >
< ذ rowspan = '4' > مايو 2023 < / ذ >
< ذ > جيمس < / ذ >
< td > 1434 < / td >
< / آر >
< آر >
< ذ > مايكل < / ذ >
< td > 1700 < / td >
< / آر >
< آر >
< ذ > جون < / ذ >
< td > 1299 < / td >
< / آر >
< / tbody >
< tbody >
< آر >
< ذ rowspan = '4' > يونيو 2023 < / ذ >
< ذ > جيمس < / ذ >
< td > 1256 < / td >
< / آر >
< آر >
< ذ > مايكل < / ذ >
< td > 1975 < / td >
< / آر >
< آر >
< ذ > جون < / ذ >
< td > 1883 < / td >
< / آر >
< / tbody >
< / طاولة >

في الكود المذكور أعلاه:

  • تحديد جدول وإضافة بطاقة شعار.
  • حدد تجميع الأعمدة باستخدام امتداد كولسبان فئة المرافق.
  • وبالمثل ، حدد تجميع الصفوف عبر ملف rowspan فئة المرافق.
  • الآن ، أدخل البيانات الخاصة بمبيعات جميع الأفراد لكل من الشهرين.
  • أخيرًا ، أغلق الجدول باستخدام ملف بطاقة شعار.

انتاج |

خاتمة

يمكن تجميع الخلايا الفردية في الجدول إذا كانت إحدى القيم تتطابق مع عدة إدخالات أخرى. لقد لاحظنا أيضًا أنه يمكن تجميع الجدول من حيث الأعمدة أو الصفوف. كلاهما لهما وظائف خاصة بهما ويمكن استخدامهما عند الحاجة.