smarty foreach 实现自动生成多行多列table
效果图
html
<tr> <td><label for="" class="control-label">支持协议:</label></td> <td><input type="text" class='my_input' name="agreement" id="agreement" /> </td> <td><label for="" class="control-label">外观颜色:</label></td> <td><select name="appearance_color" id="appearance_color" class="easyui-combobox" style="height:28px;width:160px;" editable=false ><option value='蓝色'>蓝色</option> <option value='红色'>红色</option> <option value='白色'>白色</option> </select>
</td>
</tr> <tr> <td><label for="" class="control-label">上市时间:</label></td> <td><input type="text" class='my_input laydate-icon' style='height:29px;' onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" readonly value="1970-01-01 07:33:42" name="market_time" id="market_time" /> </td> <td><label for="" class="control-label">产品等级:</label></td> <td><select name="grade" id="grade" class="easyui-combobox" style="height:28px;width:160px;" editable=false ><option value='普通款'>普通款</option> <option value='一级品'>一级品</option> <option value='特级品'>特级品</option> </select>
</td> </tr> <tr> <td><label for="" class="control-label">支持接口:</label></td> <td><select name="interface" id="interface" class="easyui-combobox" style="height:28px;width:160px;" editable=false >
<option value='Type-C'>Type-C</option> <option value='Usb'>Usb</option> </select>
</td> </tr>
smarty 代码
<{foreach $items as $r name=row_name }> <{if $smarty.foreach.row_name.index%2==0}> <tr> <{/if}> <td><label for="<{$r['id']}>" class="control-label"><{$r['field_display_name']}>:</label></td> <td><{$r['html']}> </td> <{if $smarty.foreach.row_name.index%2!=0}> </tr> <{else}> <{if $smarty.foreach.row_name.last==true}> </tr> <{/if}> <{/if}> <{/foreach}>
其中
$smarty.foreach.row_name.index%2==0 偶数行
$smarty.foreach.row_name.index%2!=0 奇数行
$smarty.foreach.row_name.last==true 最后一行
php代码
$smarty->assign('items',$forms);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)