Showing products in grid

[nilu chan]

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">$ <%= p.getListPrice()%></div>
	</td>
	<%
	    }
	%>
    </tr>
</table>

[Bear Bibeault]

First, decide what the HTML needs to look like before writing the JSP. The purpose of the JSP is to create the HTML that will be sent to the page. So get your target HTML figured out, and then write the JSP to create it.

Second, stop using Java scriptlets in a JSP. Scriptlets are obsolete and discredited. Using them makes you look like a slacker. Please read this JspFaq entry.