同一个表格必须实现如下效果,第二行的列和第三行的列不能一样宽,核心代码如下: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>


点赞(67)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部
{__SCRIPT__}