『壹』 jsp頁面怎樣實現以下表格
CSS樣式：
<style type="text/css">
table { text-align:center; border-top:1px solid #000; border-left:1px solid #000;}
table tr td { border-bottom:1px solid #000; border-right:1px solid #000;}
</style>
BODY裡面的代碼
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">Q</td>
<td>C1</td>
<td>C2</td>
<td>C3</td>
</tr>
<tr>
<td rowspan="2">A</td>
<td>A1</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>A2</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="2">B</td>
<td>B1</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>B2</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
希望對你有幫助。。。望採納。。。
『貳』 用JSP生成一個表格
java">提交頁面:page01.jsp
<%@pagecontentType="text/html"pageEncoding="gbk"%>
<html>
<head></head>
<body>
<formaction="page02.jsp"method="post">
請輸入表格的行數：<inputtype="text"name="rolNum"/><br/>
請輸入表格的列數：<inputtype="text"name="colNum"/><br/>
<inputtype="submit"value="提交"/>
<inputtype="reset"value="重置"/>
</form>
</body>
</html>
生成表格的頁面：page01.jsp
<%@pagecontentType="text/html"pageEncoding="gbk"%>
<html>
<head></head>
<body>
<%
//介面參數
StringcolStr=request.getParameter("colNum");
StringrolStr=request.getParameter("rolNum");
intcolNum=0;
introlNum=0;
//類型轉化
try{
rolNum=Integet.parseInt(rolStr);
colNum=Integet.parseInt(colStr);
}catch(Exceptione){
}
%>
<!--循環輸出表格-->
<tableborder="1">
<%
for(inti=0;i<rolNum;i++){
%>
<tr>
<%
for(intj=0;j<colNum;j++){
%>
<td><%=i*j%></td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
『叄』 怎麼在jsp頁面中添加這種表格
就是html的表格嘛。你想要的邊框都是一條細線，其實對表格加個css樣式就行：
border-collapse: collapse;/* 邊框合並屬性 */
『肆』 java jsp頁面表格展示
具體如下，有條記錄，在一個table表格中，每行顯示5條記錄，每個記錄是個小圖片，需要在第1個中顯示第1個圖片，第2個顯示第2個圖片……第n個顯示第n個圖片，代碼如下：
首先，在web目錄下新建一個pic目錄，用於存放圖片
[java] view plain
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'MyJsp.jsp' starting page</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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<table>
<%
int n=101;
for(int i=1;i<=n;i++){
if(i%5==1){
%>
<tr>
<%
}
%>
<td><img src="/my_test/pic/hehe<%=i%>.jpg" /></td>
<%
if(i%5==0){
%>
</tr>
<%
}
}
%>
</table>
</body>
</html>
『伍』 jsp表格樣式
HTML <table> 標簽
實例
一個簡復單制的 HTML 表格，包含兩行兩列：
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
定義和用法
<table> 標簽定義 HTML 表格。
簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。
tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。
更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
『陸』 jsp畫一個表格
<table>
<tr>
<tdrowspan="5">a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>e</td>
<td>f</td>
<tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
<td>j</td>
<td>k</td>
<tr>
<tr>
<td>l</td>
<td>m</td>
<td>n</td>
<td>o</td>
<td>p</td>
<tr>
<table>
//大概就是這樣
『柒』 JSP頁面怎麼畫出來這樣的表格
大致應該象下面這個樣子：
思路為：從另一個頁面跳轉到下面這頁（傳入日期參數）-->連接資料庫 --> 查詢數據（SQL語句很重要）->動態填充表格。 下面代碼不完全正確，只是個思路
<%@pagelanguage="java"contentType="text/html;charset=GBK"pageEncoding="GBK"%>
<%@pageimport="java.util.*"%>
<%@pageimport="java.sql.*"%>
<%request.setCharacterEncoding("GBK");%>
<html>
<head><metahttp-equiv="Content-Type"content="text/html;charset=GBK"></head>
<body>
<%Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");//載入資料庫引擎
StringconnectDB="jdbc:sqlserver://localhost:1433;DatabaseName=mySQLdb01";//數據源
Stringuser="sa";Stringpassword="sa4sqlserver";
Connectioncon=DriverManager.getConnection(connectDB,user,password);//連接資料庫對象
Statementstmt=con.createStatement();//創建SQL命令對象
ResultSetrs=stmt.executeQuery("SELECT*FROMPersonWHERE[datetime]between'2013-08-09'and'2008-08-14'GROUPBY[name]");
//返回SQL語句查詢結果集:這里的兩個日期應該是你從別的頁面動態輸入的，作為參數傳到這個頁面
out.println("<tableborder=2bordercolor=#000066>");
out.println("<tr><td>人名/日期</td>");
for(inti=0;i<N;i++)//這里的N應該是你根據兩個日期計算出來的天數
{
out.println("<td>"+這里動態生成日期+"</td>");//動態生成列頭
}
out.println("</tr>");//
while(rs.next())
{
out.println("<TR>");
for(inti=0;i<N;i++)
{
out.print("<TD>"+rs.getString(i)+"</TD>");//動態填充數據
}
out.println("</TR>");
}
out.println("</table>");
stmt.close();//關閉命令對象連接
con.close();//關閉資料庫連接
%>
</body>
</html>
『捌』 jsptable某一個列邊框不顯示不顯示
有時table中沒內容，單元格的邊框就不會顯示出來，而是顯示一片空白，很不好看。怎麼解決呢，只需寫一個簡單的css就可以了。
table{
border-collapse:collapse; //collapse的意思是相鄰邊框合並
}
table td{
empty-cells:show;
}
這樣表格的邊框就可以顯示出來了，而且顯示的是細邊框。
border-collapse還有一個熟悉是separate，表示邊框獨立，HTML的讓高默認值。使用這個樣式，沒內容時邊框不會顯示出來。
table代碼
復制代碼代碼如下:
<table id="mytable" border="0" width="1400" align="center"
cellpadding="3" cellspacing="1" bgcolor="#dfdfdf">
<tbody id="tbody1" style="background: #e4e9f0; font-weight: bold;">
<tr class="gray12">
<td width="120" bgcolor="#FFFFFF">日期</td>
<td width="120" bgcolor="#FFFFFF">媒體名稱</td>
<td width="200" bgcolor="#FFFFFF">投放形式</td>
<td width="120" bgcolor="#FFFFFF">曝光次數</td>
<td width="120" bgcolor="#FFFFFF">曝光人數</td>
<td width="120" bgcolor="#FFFFFF">點擊次數</td>
<td width="120" bgcolor="#FFFFFF">點擊人數</td>
<td width="120" bgcolor="#FFFFFF">CTR</td>
<td width="120" bgcolor="#FFFFFF">訪次</td>
<td width="120" bgcolor="#FFFFFF">跳出次數</td>
<td width="120" bgcolor="#FFFFFF">訪問深度</td>
<td width="120" bgcolor="#FFFFFF">瀏覽時長/秒</td>
<td width="120" bgcolor="#FFFFFF">參與活動人數</td>
<td width="120" bgcolor="#FFFFFF">辦理業務人數<坦廳尺/td>
</tr>
</tbody>
<tbody id="detail_id"></tbody>
</table>
2、js根據許可權控制
註：如果數據是動態數據，當賦值完後再控制顯示td，否則會造成td頭控製成功，其他行失敗的情況
if (uname === "guest") {
$("#mytable tr").each(function() {
$(this).find("td").eq(7).css("display", "none");
$(this).find("td").eq(8).css("display", "none");
$(this).find("td").eq(9).css("display", "none");
$(this).find("td").eq(10).css("display", "none");
$(this).find("td").eq(11).css("display", "none");
$(this).find("td").eq(12).css("display", "none");
$(this).find("td").eq(13).css("display", "伏啟none");
});
}
希望本文所述對大家的javascript程序設計有所幫助。