جدول HTML Colspan & Rowspan
يمكن أن تحتوي جداول HTML على خلايا تمتد عبر عدة صفوف و / أو أعمدة.
اسم | ||
---|---|---|
أبريل | ||
---|---|---|
2022 | ||
---|---|---|
فييستا | ||
جدول HTML - كولسبان
لجعل الخلية تمتد على عدة أعمدة ، استخدم colspan
السمة:
مثال
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
ملاحظة: تمثل قيمة colspan
السمة عدد الأعمدة التي يجب أن تمتد.
جدول HTML - Rowspan
لجعل الخلية تمتد على عدة صفوف ، استخدم rowspan
السمة:
مثال
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
ملاحظة: تمثل قيمة rowspan
السمة عدد الصفوف المراد توسيعها.