1. 程式人生 > >JSP中設定表格間隔色

JSP中設定表格間隔色

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>表格變色</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<style type="text/css">
	    .even_tr{
	        background-color: #FFFFFF;
	    }
	    .odd_tr{
	        background-color: #FF0000;
	    }
	</style>
  </head>
  
  <body>
     <form action="student.action" id="student" name="student" method="post">
	     <table>
	        <tr>
	          <th>學號</th>
	          <th>姓名</th>
	          <th>年齡</th>
	          <th>性別</th>
	          <th>民族</th>
	          <th>血型</th>
	          <th>住址</th>
	          <th>電話</th>
	          <th>愛好</th>
	          <th>郵編</th>
	        </tr>
	        <c:forEach items="${list}" var="stu" varStatus="stuState">
	              <!-- 設定偶數行背景色 -->
		          <c:if test="${stuState.index % 2 == 0 }">
		             <tr class="even_tr">
		          </c:if>
		          <!-- 設定奇數行背景色 -->
		          <c:if test="${stuState.index % 2 != 0 }">
		             <tr class="odd_tr">
		          </c:if>
			          <td>${stuState.stuNo}</td>
			          <td>${stuState.stuName}</td>
			          <td>${stuState.stuAge}</td>
			          <td>${stuState.stuSex}</td>
			          <td>${stuState.stuNationality}</td>
			          <td>${stuState.stuBlood}</td>
			          <td>${stuState.stuAddress}</td>
			          <td>${stuState.stuPhone}</td>
			          <td>${stuState.stuInterest}</td>
			          <td>${stuState.stuPost}</td>
		            </tr>
	        </c:forEach>
	     </table>
     </form>
  </body>
</html>


相關推薦

JSP設定表格間隔

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt

el表示式在jsp設定session

來源: https://stackoverflow.com/questions/28961525/set-session-attribute-using-expression-language 在jsp中設定session屬性:

JSPtable表格的文字自動換行

style="display:inline-block;width:300px;word-wrap:break-word;white-space:normal" <span></span> style樣式+span標籤 <td align="left"

CSS設定表格TD寬度的問題

                 CSS佈局,表格寬度不聽使喚的例項。想把表格第一例寬度設為20,其他自適應。但CSS中寬度是等寬的。只設這一行也不起作用。但是在實際應用中總是等寬處理,並不按照樣式來走。XML/HTML程式碼<tablewidth="100%">                 

如何在jsp設定定時器

     定時器是我們經常使用到的工具,那麼如何在開發網站時使用定時器呢?下面就以jsp為例進行講解:      定時器可以在指定的時間,指定週期內完成指定的指令,對於定期的進行操作非常有用;設定定時器的方式有許多種,本例中使用的是javax.servlet.Servlet

String path = request.getContextPath(); JSP的相對Path的設定

在JSP中我們總會出現一個路徑問題比如: jstest001是專案名 1、絕對路徑 <script type="text/javascript" src="/jstest001/ext/ext-base.js"></script>和 2、相對路徑 <

JSP無法取出request.setAttribute設定的值

轉載:https://blog.csdn.net/u011328417/article/details/78075241 重新開始學習jsp http請求的基礎  發現我在request域中儲存的值在jsp中用el表示式取不出來…. 網上查了很久,發現在jsp最上面那一坨東西(指令

springmvc+jsp關於JQuery ajax提交的Content-Type引數設定application/json和application/x-www-form-urlencoded區別

介紹 本人頁面是用的JSP,後臺用的Spring MVC。 使用JQ的ajax需要設定Content-Type,Content-Type的設定有以下幾種常用的 "Content-Type": "application/x-www-form-urlencoded" // 適用於

MyEclipse設定JSP文字顏色

        MyEclipse背景設定成黑色的之後,新建JSP檔案後,那句文字資訊 This is my JSP page.就會看不到了,因為這段字也是黑色,就算是在首選項中設定JSP的各種style,都無濟於事,這個時候就應該去設定html的style,當你把html

jsp或java設定頁面預設IE瀏覽版本

在我們開發中使用不同IE瀏覽器版本,顯示的效果不一樣。 我們可以中程式碼中設定預設版本 jsp中按如下設定 <meta http-equiv="X-UA-Compatible" content="IE=5" > <meta http-equiv="X-U

vue使用element框架設定表格高度自適應

在定義表格高度時使用 :height="tableHeight" (element框架定義高度便會固定表頭,注意通過data()中獲取高度值的方法需要在height前面加上":" ) 在data()中設定tableHeight的值。 data() { return {

jsp 讀取table表格資料,並封裝成JSON陣列,用AJAX方式傳到後臺

//讀取table中的資料,並裝成陣列物件 //定義一個數組 var billData = []; //獲取選中的複選框 $(":checkbox[name='bill']").each(function(){ var bi

AD設定元件間的間隔規則

       例如兩個電阻之間如果間隔太小的話兩個電阻就會變成綠色表示違反規則了,使用PCB Wizard建立的一個PCB檔案中預設的元器件間最小間距為0.254mm,可以進行設定選擇選單的desig

表格隔行換(js)

<!DOCTYPE html> <html>  <head>   <meta charset="UTF-8">   <title>隔行換色</title> <script type="text/j

jsp實現帶滾動條的table表格

<div style="width:700px; height:225px; overflow:auto;">  <table border="1" width="100%" cellpadding="0" cellspacing="0">   &l

用JSTL標準標籤庫定義一個九九乘法表(設定表格顏色間隔

九九乘法表的輸出是一個很經典的迴圈輸出例子,從接觸編碼開始,就在不斷地學習。那麼在jstl標籤庫中怎麼進行這個例子輸出呢?       在jstl中用到了<c:forEach>迭代標籤,首先了解一下forEach標籤吧:forEach包含的屬性:var,item

Smartform如何設定背景陰影(Shading)

有兩種方法能在smartforms中設定背景色或者叫陰影色, 1、template,table設定背景色 在template或者是table 的屬性中,選中單元格可以在shading的選項中設定顏色(color)和透明度(saturation). 注意:在output options tab頁中也有

jsp設計動態表格的設計

在J2EE設計 中 對明細表的操作,比較多用到的一個js,就是表的動態新增和刪除,以及表資料內的數值運算.其實這些都不能,唯一要考慮的就是如何去動態的處理.1.建一個表框架,其實就是表頭,列出表的第一行,顯示細表的資料項名稱<table width="200" bord

jsp讀取數據庫內容(一)

reat cor mysq ava roo 數據 state imp nav 在jsp中將數據庫表格內容讀出為一個表格,並在表格中添加超鏈接: 1 <%@ page language="java" contentType="text/html; charset=U

JSP獲取properties文件屬性

util port char rip text request taglib test 文件屬性 <%@ page contentType="text/html;charset=UTF-8" import="java.util.ResourceBundle"%>