smarty section循环成两列的问题

简介:

问题描述:

用section循环,只能循环成一列。也就是一个tr只能带一个td。

现在要实现一个tr带两个td。

 

解决方案:

判断序号,根据奇偶来决定什么时候出现<tr>开始,什么时候出现</tr>结束。

偶数时开始,奇数时结束。

这样,就能实现一个tr中可以包含多个td了。

 

代码:

复制代码
<!--{section loop=$aUserAnswer name=data step=1}-->
            <!--{if $smarty.section.data.index is even}-->
            <tr bgcolor="#f7f7f7"  height="50"  align="left">
            <!--{/if}-->
             <td class="font14_s pl40">&nbsp;<!--{$aUserAnswer[data].realname}-->:&nbsp;&nbsp;<input type="text"  class="input_233" value="<!--{$aUserAnswer[data].score}-->"/></td>
            <!--{if $smarty.section.data.index is odd}-->
            </tr>
            <!--{/if}-->
            <!--{if $smarty.section.data.last}-->
            <!--{if $smarty.section.data.index is even}-->
            <td class="font14_s pl40">&nbsp;</td>
            </tr>
            <!--{/if}-->
            <!--{/if}-->
            <!--{/section}-->
复制代码

代码解析:

通过$smarty.section.data.index来进行判断,如果是偶数,则<tr bgcolor="#f7f7f7" height="50" align="left">

如果是基数则</tr>

通过if $smarty.section.data.last判断最后一个元素是奇偶,如果是偶数,则补上一个td+一个tr。

这样问题就得到解决了。

效果图如下:


本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2013/03/13/2957997.html,如需转载请自行联系原作者

相关文章
|
4月前
|
容器
section元素
【9月更文挑战第1天】section元素。
45 5
|
8月前
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
|
前端开发
bootstrap table表格去掉排序箭头
bootstrap table表格去掉排序箭头
215 2
|
人工智能 JavaScript 算法
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
143 1
|
搜索推荐 前端开发 JavaScript
meta标签有哪些属性和属性值?li设为行内块时有间隙怎么办?call、apply和bind的作用和区别?
`meta`标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。`meta`标签位于文档的头部,不包含任何内容。`meta`标签的属性定义了与文档相关联的名称/值对。
|
JavaScript 索引
Vue3:分析elementplus表格第一列序号hover变多选框实现思路
Vue3:分析elementplus表格第一列序号hover变多选框实现思路
610 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
1672 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
|
JavaScript
HOT100——合并两个有序列表(JS实现)
HOT100——合并两个有序列表(JS实现)
272 0
HOT100——合并两个有序列表(JS实现)