ตาราง HTML Colspan & Rowspan
ตาราง HTML สามารถมีเซลล์ที่ครอบคลุมหลายแถวและ/หรือคอลัมน์ได้
| ชื่อ | ||
|---|---|---|
| เมษายน | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| เฟียสตา | ||
ตาราง HTML - Colspan
ในการทำให้เซลล์ครอบคลุมหลายคอลัมน์ ให้ใช้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แอตทริบิวต์แสดงถึงจำนวนแถวที่จะขยาย