table表单的合并 解决订单分类问题

 
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<style>
    /*.zjy-flex-box{display: -webkit-flex;display: flex;display: -webkit-box;}*/
    .zjy-flex-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
    /*.zjy-flex-1{-webkit-flex:1;flex:1;-webkit-box-flex: 1;  }*/
    .zjy-flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1 }
</style>
<table border="1">
    <thead>
    <tr>
        <th>商品名称</th>
        <th>单价</th>
        <th>数量</th>
        <th>打分评论</th>
        <th>交易状态</th>
        <th>实付款</th>
        <th>买家</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td colspan="7" align="left">
            订单编号:12121212            提交时间:1206-12:5656             订单号:123456
        </td>
    </tr>
    <tr>
        <td>1212</td>
        <td>20000</td>
        <td>2</td>
        <td rowspan="2" colspan="2">打分评论</td>
        <td rowspan="2">实付款</td>
        <td rowspan="2">买家</td>
    </tr>
    <tr>
        <td>1212</td>
        <td>20000</td>
        <td>2</td>
    </tr>
    <tr>
        <td colspan="7" align="left">
            订单编号:12121212            提交时间:1206-12:5656             订单号:123456
        </td>
    </tr>
    <tr>
        <td>1212</td>
        <td>20000</td>
        <td>2</td>
        <td rowspan="2" colspan="2">打分评论</td>
        <td rowspan="2">实付款</td>
        <td rowspan="2">买家</td>
    </tr>
    <tr>
        <td>1212</td>
        <td>20000</td>
        <td>2</td>
    </tr>
    </tbody>
</table>
</body>
</html>
posted @ 2017-02-16 13:16  若栖1017  阅读(446)  评论(0编辑  收藏  举报