如何用JSTL替換表格行的背景顏色？

Question

我如何交替使用2種不同顏色的表格行，但我將標題行作爲另一種顏色。可能嗎？我需要使用循環技術。 哦不，我不允許發佈圖片。但看起來像5行的表格，標題行顏色是藍色，而其他4行是紅色，白色，紅色，白色

Answer 1

使用<c:forEach>和varStatus以及一些CSS行。

<table> 
    <thead> 
     <tr> 
      <th>header1</th> 
      <th>header2</th> 
      <th>header3</th> 
     </tr> 
    </thead> 
    <tbody> 
     <c:forEach items="${bean.list}" var="item" varStatus="loop"> 
      <tr class="${loop.index % 2 == 0 ? 'even' : 'odd'}"> 
       <td>${item.property1}</td> 
       <td>${item.property2}</td> 
       <td>${item.property3}</td> 
      </tr> 
     </c:forEach> 
    <tbody> 
</table> 

與CSS

tr.even { background: red; } 
tr.odd { background: white; } 

在上面的例子中，頭是剛剛從本體分離。當主體中的表格行索引是2（偶數）的倍數時，則它得到class="even"，否則class="odd"（在瀏覽器中打開頁面，右擊它並且查看源親自查看它）。使用CSS，您可以控制各個元素的樣式。要給標題行一個藍色背景，只需添加

thead tr { background: blue; }