ماذا بقي إذاً؟
خاصيتان
هما
colspan
وrowspan
تستخدمان لإنشاء جداول رائعة ومتقنة.Colspan
هي اختصار "column span"، Colspan
تستخدم في الوسم <td>
لتحدد عدد الأعمدة
التي ستتمدد لها الخلية:
بتحديد
colspan
بالقيمة "3" قامت الخلية في الصف الأول بالتمدد لثلاثة
أعمدة، ولو قمنا بوضع "2" لقيمة colspan
ستتمدد لعمودين اثنين، وسيتعين علينا إضافة خلية أخرى للصف الأول حتى
تصبح الأعمدة متساويةما هي خاصية rowspan؟
كما
ربما خمنت،
rowspan
تحدد عدد الصفوف التي ستقوم الخلية بالتمدد فوقها:
في
المثال أعلاه أعطينا الخاصية
rowspan
القيمة "3" للخلية 1، هذا يعني أن الخلية يجب أن تتمدد فوق
ثلاث صفوف، الصف الذي تقع فيه الخلية مع صفين آخرين أسفلها، الخلية 1 والخلية2
التان تقعان في نفس الصف، بينما الخلية 3 والخلية أربع تشكلان صفين منفصلين.
هل
تشعر بالحيرة؟ حسناً، الأمر ليس معقداً لكن من السهل أن تضيع في التفاصيل في بعض
الأحيان، لذلك من الأفضل أن ترسم الجدول أولاً على الورق قبل أن تطبقه على HTML.
ربما
لا تشعر بالحيرة، إذا قم بإنشاء جدولين واستخدام كل من
colspan
وrowspan
بنفسك.
ليست هناك تعليقات :
إرسال تعليق