html表格可以做到换行不换列嘛

问题描述

我的数据在循环输出时,它会自动换行但是一换行就变成从第一列开始输出了,有什么办法让他在本列下面开始输出呢?图片描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

{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>
    {if($j==1)}
        <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" style="margin:auto">{$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}
        {/if}
</tr>
{/volist}


阅读 2.4k
1 个回答

你试过输出空格占位符<td>&nbsp;</td>吗?
输出这个来让你的内容实现列对齐。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题