表格的多层表头设计

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36020968/article/details/87930667

效果图

<table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">
    <caption>2019年1月份计提</caption>
    <tr>
        <th rowspan="4">序号</th>
        <th rowspan="4">店员</th>
    </tr>
    <tr>
        <th colspan="8">电子面单</th>
        <th colspan="2">纸质面单</th>
    </tr>
    <tr>
        <th colspan="4">现结(微信、余额)</th>
        <th colspan="4">客户月结</th>
        <th>现结</th>
        <th>客户月结</th>
    </tr>
    <tr>
        <td>揽件个数</td>
        <td>实收金额</td>
        <td>成本</td>
        <td>利润</td>
        <td>揽件个数</td>
        <td>实收金额</td>
        <td>成本</td>
        <td>利润</td>
        <td>揽件个数</td>
        <td>揽件个数</td>
    </tr>
    <tr>
            <td>007</td>
            <td>弗兰</td>
            <td>5件</td>
            <td>100元</td>
            <td>20元</td>
            <td>80元</td>
            <td>5件</td>
            <td>100元</td>
            <td>20元</td>
            <td>80元</td>
            <td>20件</td>
            <td>20件</td>
    </tr>
</table>

猜你喜欢

转载自blog.csdn.net/qq_36020968/article/details/87930667