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

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

小技巧： 可以先把空列加到tr里面，比如<td></td>，多加一些，然后再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>