HTML テーブル rowspan colspan


2 行にわたるセル



セルが複数の行にまたがるようにするには、rowspan 属性を使用します.


2 つの列にまたがるセル



セルが複数の列にまたがるようにするには、colspan 属性を使用します.



        <table style="width:100%">

            <tr>
                <th rowspan="2">No</th>
                <th colspan="2">Driver</th>
                <th colspan="2">Team</th>
            </tr>

            <tr>
                <th>Image</th>
                <th>Name</th>
                <th>Logo</th>
                <th>Name</th>
            </tr>

            <tr>
                <td>1</td>
                <td>img1</td>
                <td>name1</td>
                <td>logo1</td>
                <td>name1</td>    
            </tr>

            <tr>
                <td>2</td>
                <td>img2</td>
                <td>name2</td>
                <td>img2</td>
                <td>name2</td>
            </tr>

        </table>


再埋め込み