无法获得表格的完整宽度

Question

<table>
    <thead>
        <tr>
            <th> Column 1</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Header 1</td>
        </tr>
        <tr>
            <td> Row 1</td>
            <td> Row !</td>
            <td> Row 1</td>
        </tr>
    </tbody>
</table>

无法获得表头的全宽以及正文的任何​​帮助

https://jsfiddle.net/c714kt0z/

Answer 1

您需要添加colspan ="3"，因为row中有最多3列。

＆＃13;

＆＃13;

table{
    width:100%;
}

thead{
    background-color: #eee;
    width:100%;
}

tbody{
    width: 100%;
}

＆＃13;

<table width="100%">
    <thead>
        <tr>
            <th  colspan="3"> Column 1</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td colspan="3">Header 1</td>
        </tr>
        <tr>
            <td> Row 1</td>
            <td> Row !</td>
            <td> Row 1</td>
        </tr>
    </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;