code_junkie

How to alternate HTML table row colors using JSP?

Nov 11th, 2011
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. tr.odd {background-color: #EEDDEE}
  2. tr.even {background-color: #EEEEDD}
  3.  
  4. <c:forEach items="${element}" var="myCollection">
  5. <tr>
  6. <td><c:out value="${element.field}"/></td>
  7. ...
  8. </tr>
  9. </c:forEach>
  10.  
  11. <tr class="odd or even depending on the row">
  12.  
  13. <c:forEach items="${element}" var="myCollection" varStatus="loopStatus">
  14. <tr class="${loopStatus.index % 2 == 0 ? 'odd' : 'even'}">
  15. ...
  16. </tr>
  17. </c:forEach>
  18.  
  19. counter = 0
  20. foreach (elements)
  21. counter = counter + 1
  22. output: <tr class="row{counter % 2}">...</tr>
  23.  
  24. String oddEven="";
  25. <c:forEach items="${element}" var="myCollection">
  26. oddEven = (oddEven == "even") ? "odd" : "even";
  27. <tr class='"'+oddEven+'"'>
  28. <td><c:out value="${element.field}"/></td>
  29. ...
  30. </tr>
  31. </c:forEach>
  32.  
  33. tr.odd td {}
  34. tr.even td {}
  35.  
  36. tr td {background-color: #EEDDEE}
  37.  
  38. tr.odd td {background-color: #EEEEDD}
  39.  
  40. table tr:nth-child(odd) { background-color: #ccc; }
Add Comment
Please, Sign In to add comment