Tag Archives: html

Tạo bảng có merge cell bằng HTML

Làm sao tạo ra cái bảng như thế này, nếu không dùng IDE kéo thả?

HTML - Create special table using rowspan colspan
<table border="1">
    <tr>
        <td rowspan="2">Khu vực</td>
        <td colspan="2">3 nam giàu nhất</td>
        <td colspan="2">3 nữ giàu nhất</td>
    </tr>
    <tr>
        <td>Tên</td>
        <td>Tiền</td>
        <td>Tên</td>
        <td>Tiền</td>
    <tr>
    
    <tr>
    <td rowspan="4">Nam Trung Bộ</td>
    </tr>
    
    <tr>
        <td>1. </td>
        <td>?</td>
        <td>1. </td>
        <td>?</td>
    </tr>
    <tr>
        <td>2. </td>
        <td>?</td>
        <td>2. </td>
        <td>?</td>
    </tr>
    <tr>
        <td>3. </td>
        <td>?</td>
        <td>3. </td>
        <td>?</td>
    </tr>
    
    
    <tr>
    <td rowspan="4">Bắc Bộ</td>
    </tr>
    
    <tr>
        <td>1. </td>
        <td>?</td>
        <td>1. </td>
        <td>?</td>
    </tr>
    <tr>
        <td>2. </td>
        <td>?</td>
        <td>2. </td>
        <td>?</td>
    </tr>
    <tr>
        <td>3. </td>
        <td>?</td>
        <td>3. </td>
        <td>?</td>
    </tr>
</table>