html - 在 HTML 表格的每一行上交替使用 CSS 类

Question

我有一个表，在 <tr> 上有一个循环我想为行使用两个 CSS 类，就像属性 rowClass对于 rich:dataTable .

这可能是代码的一部分:

<table>
 <c:forEach items="${MyBean.Result}" var="item">
  <tr>
   <td><h:outputText value="${item.attr}" />
   </td>
  </tr>
 </c:forEach>
</table>

如何在 HTML 表格的每一行上交替使用 CSS 类？

Answer 1

tr.odd { background-color: #EEDDEE }
tr.even { background-color: #EEEEDD }

然后使用

<c:forEach items="${element}" var="myCollection" varStatus="loopStatus">
  <tr class="${loopStatus.index % 2 == 0 ? 'odd' : 'even'}">
     <td><h:outputText value="${item.attr}" />
     </td>
  </tr>
</c:forEach>