แอตทริบิวท์ colspan ของ <td> ใน HTML

แอตทริบิวท์ colspan ของ <td> ใน HTML

แอตทริบิวท์ colspan ขององค์ประกอบ <td> ใน HTML กำหนดจำนวนคอลัมน์ที่เซลล์ควรครอบคลุม (span)

รูปแบบการใช้งานมีดังนี้:

<td colspan="num">

โดย num คือจำนวนคอลัมน์ที่เซลล์ควรครอบคลุม

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style> table, th, td { border: 2px solid blue; } </style>
</head>
<body>
  <h2>ค่าใช้จ่ายสินค้า</h2>
  <table>
    <tr>
      <th>โดเมน</th>
      <th>ค่าใช้จ่าย</th>
    </tr>
    <tr>
      <td>พัฒนาผลิตภัณฑ์</td>
      <td>500000</td>
    </tr>
    <tr>
      <td>การตลาด</td>
      <td>500000</td>
    </tr>
    <tr>
      <td>บริการ</td>
      <td>100000</td>
    </tr>
    <tr>
      <td>สนับสนุน</td>
      <td>100000</td>
    </tr>
    <tr>
      <td>บำรุงรักษา</td>
      <td>100000</td>
    </tr>
    <tr>
      <td colspan="2">งบประมาณรวม = 1,300,000 บาท</td>
    </tr>
  </table>
</body>
</html>

ผลลัพธ์