小付博客

无话可说...

您现在的位置是:首页>技术分享>table 买行显示4个 剩余补齐(九宫格)

table 买行显示4个 剩余补齐(九宫格)

发布时间:2017-08-11 编辑:小付 浏览(566) 评论(0)

    <table>
     <tbody>
    <% int ba_index = 1; %>
    <% int ba_row = 1; %>
    <c:forEach items="${bondAptList}" var="ba" varStatus="status">
        <% 
    if (ba_index%3 == 1) {
        %>
            <tr>
        <% 
    }
        %>
    <td></td>
    <c:if test="${status.count == fn:length(bondAptList)}">
    <!-- 最后一个补齐td -->
    <c:forEach var="ba" begin="${fn:length(bondAptList)}" 
    end="<%=(ba_row*3)-1 %>">
        <td></td>
    </c:forEach>
    </c:if>
    <% if (ba_index%3==0){ 
        ba_row++;
    %>
        </tr>
    <%}
        ba_index++;
    %>
    </c:forEach>
        </tbody>
    </table>


    每行显示3列,最后一行不足3列自动补齐td


关键字词:jsp,九宫格,table,每行显示