วิธีระบุจำนวนคอลัมน์ที่เซลล์ตารางควรครอบคลุมใน HTML

ใช้แอตทริบิวต์ colspan เพื่อตั้งค่าจำนวนคอลัมน์ที่เซลล์ตารางควรครอบคลุม (merge คอลัมน์)

ตัวอย่าง

<!DOCTYPE html> 
<html> 
  <head> 
    <style> 
      table, th, td { 
        border: 1px solid black; 
      } 
    </style> 
  </head> 
  <body> 
    <h2>คะแนนรวม</h2> 
    <table> 
      <th>วิชา</th> 
      <th>คะแนน</th> 
      <tr> 
        <td>คณิตศาสตร์</td> 
        <td>300</td> 
      </tr> 
      <tr> 
        <td>จาวา</td> 
        <td>450</td> 
      </tr> 
      <tr> 
        <td colspan="2">คะแนนรวม: 750</td> 
      </tr> 
    </table> 
  </body> 
</html>

รายละเอียด:

• colspan="2" ทำให้เซลล์กว้างครอบ 2 คอลัมน์
• ใช้ร่วมกับ rowspan สำหรับ merge แถวได้
• ค่าต้องเป็นจำนวนเต็มบวก