Cách bao gồm nhóm cột bảng trong HTML?

Sử dụng thẻ <colgroup> để bao gồm các nhóm cột bảng. Thẻ HTML <colgroup> dùng để chỉ định thuộc tính cho một nhóm cột trong bảng. Nếu cần áp dụng thuộc tính khác cho một cột bên trong colgroup, bạn có thể dùng thẻ HTML <col> bên trong thẻ colgroup.

Dưới đây là các thuộc tính:

Thuộc tính	Giá trị	Mô tả
align	right, left, center, justify, char	Định nghĩa căn chỉnh ngang, không hỗ trợ trong HTML5.
char	ký tự	Định nghĩa ký tự dùng để căn chỉnh văn bản (dùng với align="char"), không hỗ trợ trong HTML5.
charoff	pixel	Định nghĩa số cột mà <col> nên trải rộng, không hỗ trợ trong HTML5.
span	số	Định nghĩa số cột mà <col> nên trải rộng, không hỗ trợ trong HTML5.
valign	bottom, middle, top, baseline	Định nghĩa căn chỉnh dọc, không hỗ trợ trong HTML5.
width	pixel hoặc %	Chỉ định chiều rộng mặc định cho mỗi cột được trải rộng bởi phần tử col hiện tại, không hỗ trợ trong HTML5.

Ví dụ

Bạn có thể chạy mã sau để triển khai thẻ <colgroup> trong HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ col trong HTML</title>
  </head>
  <body>
    <p>Ví dụ này cho thấy colgroup có ba cột với chiều rộng khác nhau:</p>
    <table border="1">
      <colgroup span="4">
        <col width="40"></col>
        <col width="70"></col>
        <col width="100"></col>
        <col width="130"></col>
        <col width="160"></col>
      </colgroup>
      <tr>
        <td>Một</td>
        <td>Hai</td>
        <td>Ba</td>
        <td>Bốn</td>
        <td>Năm</td>
      </tr>
    </table>
  </body>
</html>