0

I have a JSP page where I am showing all the products that fall under a specific category. The problem is that all of them either end up showing either vertically or horizontally based on whether I loop my "td" or "tr". I want to show them in grid where 3 products are in row 1, another 3 in row 2 and so on. Any idea on how this can be achieved?

ProductController.java

List<Product> productsLst = MasterDao.getAllProductsByCategory(new Integer(categoryId));

products.jsp

<table>
    <tr>
    <%
        for (Product p : productsLst) {
    %>
    <td align="center">
        <a href="product.jsp?productId=<%= p.getProductId() %>"><img src="../images/<%= p.getImage()%>" class="product-grid-img"/></a>
        <br/><div id="product-name"><%= p.getName()%></div>
        <br/><div id="money">$&nbsp;<%= p.getListPrice()%></div>
    </td>
    <%
        }
    %>
    </tr>
</table>
4

3 に答える 3

0

カウンターを使用するだけです。3つの製品を入手した場合は、trを閉じて、新しいtrを開きます。

于 2012-09-19T16:06:40.457 に答える
0

すでにこのスレッドで答える

<table>
<s:iterator value="productList" status="status">
        <s:if test="#status.index %4 == 0">
            <tr>
        </s:if>

                <td>
                    <img src="../product/image?imageID=<s:property value="productID"/>&type=thumbnail" />
                </td>
         <s:if test="#status.index %4 == 0">
            </tr>
         </s:if>
</s:iterator>
<table>
于 2012-09-19T16:14:13.383 に答える
0

Guava のLists.partition()メソッドの使用:

List<List<Product>> rows = Lists.partition(productList);
page.setAttribute("rows", rows);
...
<c:forEach var="row" items="rows">
    <tr>
        <c:forEach var="product" items="row">
            <td> ... details of the product ... </td>
        </c:forEach>
    </tr>
</c:forEach>
于 2012-09-19T16:12:52.587 に答える