2014-02-06 44 views
0

我想要一張從數據庫獲取條目的表格。我有這一切工作。我需要做的就是當四個條目已經添加到列中,我希望它下拉一行並繼續前進,直到數據庫中的所有條目都被添加到表中。當在表格中輸入四張圖像時在HTML中刪除一行

這是我到目前爲止有:

<table cellspacing="0" cellpadding="3px"> 
    <c:forEach var="car" begin="0" items="${requestScope.carList}" varStatus="status"> 
     <tr> 
      <td><a href='Home.jsp'><img src="images/${car.licence}.jpg" width="240px" height="250"/></a></td> 
      </tr> 
      <tr> 
      <td> Licence:${car.licence}, Model:${car.model}, Make:${car.make} and Colour:${car.colour}</td> 
      </tr> 

    </c:forEach> 
</table> 

這只是打印所有圖像下來在一條線上。我需要製作一個循環,或者每四張圖片就會放一行。喜歡的東西 C:當測試= 「$ {status.index%4 == 0}」 TR /C:當

+0

這給我們提供了大約15%的信息,可以幫助您解決問題。 – Madbreaks

回答

0

有點兒野猜測這裏:

<table cellspacing="0" cellpadding="3px"> 
<c:forEach var="car" begin="0" items="${requestScope.carList}" varStatus="status"> 
<c:when test="${status.index % 4 == 0}"> 
<tr> 
</c:when> 
<td><table><tr><td><a href='Home.jsp'><img src="images/${car.licence}.jpg" width="240px" height="250"/></a></td></tr> 
<tr><td> Licence:${car.licence}, Model:${car.model}, Make:${car.make} and Colour:${car.colour}</td></tr></table></td> 
<c:when test="${status.index % 4 == 3}"> 
</tr> 
</c:when> 
</c:forEach> 
</table> 

基本上,如果它的測試首先輸入一組四個 - 如果是的話,開始一個新的行。如果它是一組四個中的第四個,請關閉該行。您還需要關閉該行,如果它是最後一個條目,該條目不能由4

0

我以爲你只是想,所以你需要突破每4個TD可分爲:第n個孩子像這樣:

td:nth-child(4n) {clear: left} 

FIDDLE THAT

雖然你的代碼和裁判不幫我明白你真的想這樣是另一個野生guess..but因爲你標記有CSS ...我想我添加此。