『壹』 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程序设计有所帮助。