使用EL+jstl實現表格隔行換色
阿新 • • 發佈:2018-12-19
使用<c:if>標籤實現隔行換色
要求:使用<c:set>標籤進行變數的設定
使用EL表示式獲取變數值,在使用<c:forEach>和<c:out>標籤實現10行以上表格的輸出(最少兩列,表格內容自定)
2.直接上jsp程式碼(非常少)
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <html> <head> <title>使用El+jstl實現表格隔行換色</title> </head> <body> <c:set var="name" value="李白" scope="page"/> <c:set var="age" value="${20}" scope="page"/> <table border="1" style="border-collapse:collapse;"> <tr> <td>姓名</td> <td>年齡</td> </tr> <%--如果有後臺數據使用 items --%> <c:forEach begin="1" end="10" step="1" varStatus="stus"> <%--分開判斷就可以隔行不一樣的顏色--%> <c:if test="${stus.count % 2 !=0}"> <tr bgcolor="#f158ff"> </c:if> <c:if test="${stus.count % 2 ==0}"> <tr bgcolor="#ff8c00"> </c:if> <td><c:out value="${name}"/></td> <td><c:out value="${age}"/></td> </tr> </c:forEach> </table> </body> </html>
執行結果: