Thuộc tính colspan của <th> trong HTML

Giới thiệu

Thuộc tính colspan trên thẻ <th> (ô tiêu đề bảng) gộp nhiều cột liền kề thành một ô tiêu đề duy nhất.

Cú pháp

<th colspan="so_cot">

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style> table, th, td { border: 2px solid green; } </style>
</head>
<body>
  <h2>Chi phí sản phẩm</h2>
  <table>
    <tr><th colspan="2">Chi tiêu</th></tr>
    <tr><td>Phát triển sản phẩm</td><td>500000</td></tr>
    <tr><td>Marketing</td><td>500000</td></tr>
    <tr><td>Dịch vụ</td><td>100000</td></tr>
    <tr><td>Hỗ trợ</td><td>100000</td></tr>
    <tr><td>Bảo trì</td><td>100000</td></tr>
    <tr><td colspan="2">Tổng ngân sách = 1.300.000</td></tr>
  </table>
</body>
</html>

Kết quả hiển thị

Ô tiêu đề "Chi tiêu" trải dài 2 cột (Miền và Chi phí).

<th colspan="2">Chi tiêu</th>