JSTL版的数据多列显示

最新推荐文章于 2024-04-27 18:55:55 发布

KimSoft

最新推荐文章于 2024-04-27 18:55:55 发布

阅读量2.4k

点赞数

分类专栏： Java 文章标签： border c

本文链接：https://blog.csdn.net/KimSoft/article/details/3639938

版权

Java 专栏收录该内容

91 篇文章 0 订阅

订阅专栏

本文介绍了一种使用 JSP 和 JSTL 在网页上进行表格布局的方法，通过设定记录总数、列数及每列的宽度百分比来实现动态表格布局。文章详细解释了如何通过循环遍历产品列表并按指定列数进行分隔，同时处理不足一列的情况。

摘要由CSDN通过智能技术生成

 
 <table width="100%" border="0" align="center" cellpadding="3" cellspacing="1">
  <c:set var="recordCount" value="0" />><!-- 记录总数 -->
  <c:set var="columnCount" value="4" /><!-- 4例 -->
  <fmt:formatNumber var="columnPercent" value="${100 /columnCount}" pattern="##" />><!-- td宽的百分比 -->
  <tr>
    <c:forEach var="cur" items="${productList}" begin="0" end="11">
      <c:if test="${(recordCount mod columnCount) eq 0 && recordCount ne 0}">
        <c:out value="</tr><tr>" escapeXml="false" />
      </c:if>
      <td width="${columnPercent}%">...</td>
      <c:set var="recordCount" value="${recordCount + 1}" />
    </c:forEach>
    <c:set var="column" value="${recordCount mod columnCount}" />
    <c:if test="${column ne 0}">
      <c:forEach begin="${column}" end="${columnCount - 1}">
        <c:out value="<td> </td>" escapeXml="false" />
      </c:forEach>
    </c:if>
    <c:if test="${recordCount eq 0}">
      <c:forEach begin="0" end="${columnCount - 1}">
        <c:out value="<td> </td>" escapeXml="false" />
      </c:forEach>
    </c:if>
  </tr>
</table>
 