JSTL版的数据多列显示

  1. <table width="100%" border="0" align="center" cellpadding="3" cellspacing="1">
  2.   <c:set var="recordCount" value="0" />><!-- 记录总数 -->
  3.   <c:set var="columnCount" value="4" /><!-- 4例 -->
  4.   <fmt:formatNumber var="columnPercent" value="${100 /columnCount}" pattern="##" />><!-- td宽的百分比 -->
  5.   <tr>
  6.     <c:forEach var="cur" items="${productList}" begin="0" end="11">
  7.       <c:if test="${(recordCount mod columnCount) eq 0 && recordCount ne 0}">
  8.         <c:out value="</tr><tr>" escapeXml="false" />
  9.       </c:if>
  10.       <td width="${columnPercent}%">...</td>
  11.       <c:set var="recordCount" value="${recordCount + 1}" />
  12.     </c:forEach>
  13.     <c:set var="column" value="${recordCount mod columnCount}" />
  14.     <c:if test="${column ne 0}">
  15.       <c:forEach begin="${column}" end="${columnCount - 1}">
  16.         <c:out value="<td> </td>" escapeXml="false" />
  17.       </c:forEach>
  18.     </c:if>
  19.     <c:if test="${recordCount eq 0}">
  20.       <c:forEach begin="0" end="${columnCount - 1}">
  21.         <c:out value="<td> </td>" escapeXml="false" />
  22.       </c:forEach>
  23.     </c:if>
  24.   </tr>
  25. </table>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值