多层volist在html页面输出数据

Question

问题描述

我想输出这样的一个表格
但是现在volist循环输出的时候老是出问题，一个volist结束以后他不会接着右边继续输出而是在下面输出。我想问一下我该怎么改才能输出这样的表格，现在输出是这样：

相关代码

<thead>
</thead>
<thead>
    <tr>
        <td class="project_title" colspan="12" rowspan="2" align="center">呈批信息</td>
        <td class="project_title" colspan="14" rowspan="2" align="center">付款情况</td>
        <td class="project_title" colspan="10" rowspan="4" align="center">收款合同</td>
        <td class="project_title" colspan="13" rowspan="4" align="center">本月实际入帐信息</td>
    </tr>
    <tr>
    </tr>
    <tr>
        <td class="project_title" colspan="1" rowspan="4" align="center">序号</td>
        <td class="project_title" colspan="1" rowspan="4" align="center">项目名称</td>
        <td class="project_title" colspan="1" rowspan="4" align="center">项目经理</td>
        <td class="project_title" colspan="1" rowspan="4" align="center">项目编号</td>
        <td class="project_title" colspan="8" rowspan="2" align="center">呈批信息</td>
        <td class="project_title" colspan="1" rowspan="4" align="center">合同编号</td>
        <td class="project_title" colspan="8" rowspan="1" align="center">付款合同</td>
        <td class="project_title" colspan="5" rowspan="2" align="center">付款报账金额（含税）</td>
    </tr>
    <tr>
        <td class="project_title" colspan="2" rowspan="1" align="center">进度及金额</td>
        <td class="project_title" colspan="6" rowspan="1" align="center">其中（含税）</td>
    </tr>
    <tr>
        <td class="project_title" colspan="2" rowspan="2" align="center">收益</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">设备16%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">集成服务6%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">数据专线11%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">互联网</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">通信费</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">其他</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">付款进度</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">合同金额</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">设备16%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">集成服务6%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">数据专线11%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">互联网</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">通信费</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">其他</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">供应商</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">设备17%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">集成服务6%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">其他</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">报帐单号</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">合同编号</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">合同期</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">收款进度</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">总金额</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">设备16%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">集成服务6%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">数据专线11%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">互联网</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">通信费</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">其他</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">完工进度</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">到帐时间</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">到帐金额</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">出账月份</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">帐户编号</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">帐户名称</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">已收合计</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">设备16%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">集成服务6%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">数据专线11%</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">互联网</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">通信费</td>
        <td class="project_title" colspan="1" rowspan="2" align="center">其他</td>
    </tr>
</thead>
<tbody>
{volist key="i" name="finance" id="v1"}
<tr>
    <td colspan="1" rowspan="0" align="center">{$i}</td>
    <td colspan="1" rowspan="0" align="center">{$v1.proj_name}</td>
    <td colspan="1" rowspan="0" align="center">{$v1.manager}</td>
    <td colspan="1" rowspan="0" align="center">{$v1.num}</td>
    <tr></tr>
</tr>
{volist key="j" name="v1['reply']" id="v2"}
<tr>
    <td colspan="1" rowspan="1" align="center">{if($v2.type==1)}收入{elseif($v2.type==2)}成本{elseif($v2.type==3)}收益{/if}</td>
    <td colspan="1" rowspan="1" align="center">{if($v2.type==1)}{$v1.income}{elseif($v2.type==2)}{$v1.cost}{elseif($v2.type==3)}{$v1.profit}{/if}</td>
    <td colspan="1" rowspan="1" align="center">{$v2.device}</td>
    <td colspan="1" rowspan="1" align="center">{$v2.integrated}</td>
    <td colspan="1" rowspan="1" align="center">{$v2.data_line}</td>
    <td colspan="1" rowspan="1" align="center">{$v2.internet}</td>
    <td colspan="1" rowspan="1" align="center">{$v2.communication}</td>
    <td colspan="1" rowspan="1" align="center">{$v2.other}</td>
    {/volist}
    <tr></tr>
    <td colspan="1" rowspan="1" align="center">收益率</td>
    <td colspan="1" rowspan="1" align="center">{$v1.m_rate}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.devicep}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.integratedp}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.data_linep}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.internetp}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.communicationp}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.otherp}</td>
        <td colspan="1" rowspan="0" align="center">{$v1.payment_contract}</td>    
        {volist key="k" name="receipt" id="v3"}
            <td colspan="1" rowspan="1" align="center" >{$v3.payment_progress}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_amount}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_device}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_integration}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_dataline}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_internet}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_communication}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.contract_other}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.supplier}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.report_device}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.report_integration}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.report_other}</td>
            <td colspan="1" rowspan="1" align="center" >{$v3.report_number}</td>
            <tr></tr>
        {/volist}
</tr>
{/volist}
<tr>

</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="1" rowspan="1" align="center" class="td1">合计</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractamount}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractdevice}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractintegration}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractdataline}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractinternet}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractcommunication}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_contractother}</td>
    <td colspan="1" rowspan="1" align="center" class="td1"></td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_reportdevice}</td>
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_reportintegration}</td> 
    <td colspan="1" rowspan="1" align="center" class="td1">{$v1.s_reportother}</td>
    <td colspan="1" rowspan="1" align="center" class="td1"></td>
</tr>    
<tr>
    <td colspan="1" rowspan="0" align="center" class="td2">{$v1.collection_contract}</td>
    <td colspan="1" rowspan="0" align="center" class="td2">{$v1.contract_period}</td>
</tr>
{volist key="l" name="payment" id="v4"}
<tr>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_progress}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_amount}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_device}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_integration}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_dataline}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_internet}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_communication}</td>
    <td colspan="1" rowspan="1" align="center">{$v4.receipt_other}</td>
</tr>
{/volist}
<tr>
    <td colspan="1" rowspan="1" align="center">合计</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptamount}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptdevice}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptintegration}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptdataline}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptinternet}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptcommunication}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_receiptother}</td>
</tr>
{volist key="m" name="actual" id="v5"}
<tr>
    <td colspan="1" rowspan="1" align="center">{$v5.completion_progress}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.time_arrival}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.amount_arrival}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.month_billing}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.account_number}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.account_name}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_amount}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_device}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_integration}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_dataline}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_internet}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_communication}</td>
    <td colspan="1" rowspan="1" align="center">{$v5.actual_other}</td>
</tr>    
{/volist}
<tr>
    <td colspan="1" rowspan="1" align="center">合计</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualamount}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualdevice}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualintegration}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualdataline}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualinternet}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualcommunication}</td>
    <td colspan="1" rowspan="1" align="center">{$v1.s_actualother}</td>
</tr>
<tr></tr>
{/volist}
</tbody>