ตาราง HTML สามารถรวม คอลัมน์ (Column) หรือ แถว (Row) เข้าด้วยกันได้ เพื่อปรับแต่งรูปแบบการแสดงผลของตารางให้เหมาะสมกับข้อมูลที่ต้องการนำเสนอบนหน้าเว็บไซต์
| NAME | ||
|---|---|---|
| APRIL | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| FIESTA | ||
HTML Table – Colspan
หากต้องการรวมหลายคอลัมน์เข้าด้วยกัน ให้ใช้ Attribute: colspan
<table>
<tr>
<th colspan="2">ชื่อ</th>
<th>อายุ</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>
📝 note
colspan หมายถึงจำนวนคอลัมน์ที่รวมเข้าด้วยกัน
เช่น colspan="2" รวม 2 คอลัมน์ ให้กลายเป็นคอลัมน์เดียว
HTML Table – Rowspan
ถ้าต้องการรวมหลายแถวเข้าด้วยกันในตาราง ให้ใช้ Attribute: rowspan
<table>
<tr>
<th>ชื่อ</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">เบอร์โทร</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
📝 note
rowspan หมายถึงจำนวนแถวที่จะรวมเข้าด้วยกัน
เช่น rowspan="2" รวม 2 แถว ให้กลายเป็นหนึ่งช่องยาว