ในการรวมคอลัมน์ของตารางใน HTML ให้ใช้แอตทริบิวต์ colspan ในแท็ก
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อรวมคอลัมน์ของตารางใน HTML อันดับแรก เราจะมาดูวิธีการสร้างตารางในรูปแบบ HTML ที่มี 3 แถว 3 คอลัมน์
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<table>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> ผลลัพธ์
ตัวอย่าง
มารวมคอลัมน์กันโดยใช้แอตทริบิวต์ colspan 2 คอลัมน์แรกจะรวมกัน
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<table>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td colspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> ผลลัพธ์
