表格里面,多个列的宽度要求不一样,如下图

发布时间 2023-11-25 19:57:39作者: 活到老学到老用到老

同一个表格必须实现如下效果,第二行的列和第三行的列不能一样宽,核心代码如下:colspan的总列数最好一样,需要反复测试。

 

 <table border="1" style="width: 100%;">
        <tr class="messageTrU">
            <td width="10%">物流</td>
            <td width="10%">P.O.</td>
            <td width="15%" colspan="2">付款方式</td>

            <td width="20%" colspan="4">日期</td>
            <td width="20%" colspan="4">出單日期</td>

            <td width="25%" colspan="3">PI No.</td>
        </tr>
        <tr class="messageTrTa">
            <td width="10%">編碼</td>
            <td colspan="4" width="34%">產品名稱</td>

            <td width="8%" colspan="2">單位</td>
            <td width="8%" colspan="2">數量</td>

            <td width="20%" colspan="3">單價</td>
            <td width="20%" colspan="3">總價</td>

        </tr>
    </table>