jsptable样式下载_jsp中的table

① 求一个jsP界面的CSS登陆样式

② 如何在Java中的Jsp页面中更换页面样式

Jsp页面中更换页面样式可以通过js来动态设置。
完整的样式更改代码如下：

<html>
<head>
<style type="text/css">
#test2a{
position: absolute;
left: 0px;
width: 50px;
height: 50px;
background-color: green;
border: 4px solid black;
}
#test2b{
position: absolute;
left: 55px;
width: 50px;
height: 50px;
background-color: yellow;
margin: 4px;
}
</style>
</head>
<body>


Swap left positions function with styles defined inline.
<a href="javascript:test1();">Test 1</a><br>
<div class="container">
<div id="test1a" style="position: absolute;left: 0px;width: 50px; height: 50px;background-color: green;border: 4px solid black;"></div>
<div id="test1b" style="position: absolute;left: 55px;width: 50px; height: 50px;background-color: yellow;margin: 4px;"></div>
</div>
<script type="text/javascript">
function test1(){
var a = document.getElementById("test1a");
var b = document.getElementById("test1b");
alert(a.style.left + " - " + b.style.left);
a.style.left = (a.style.left == "0px")? "55px" : "0px";
b.style.left = (b.style.left == "0px")? "55px" : "0px";
}
</script>



<div id="moveDownThePage" style="position: relative;top: 70px;">
Identical function with styles defined in stylesheet.
<a href="javascript:test2();">Test 2</a><br>
<div class="container">
<div id="test2a"></div>
<div id="test2b"></div>
</div>
</div>
<script type="text/javascript">
function test2(){
var a = document.getElementById("test2a");
var b = document.getElementById("test2b");
alert(a.style.left + " - " + b.style.left);
a.style.left = (a.style.left == "0px")? "55px" : "0px";
b.style.left = (b.style.left == "0px")? "55px" : "0px";
}
</script>
</body>
</html>

③ 如何将jsp页面当中table的数据导出到excel表格通过点击按钮可以实现下载

1、先封装好excel的java帮助类
2、点击jsp的导出按钮时，用同步请求带上参数调用后台方法
3、解析参数从数据库获取对于的表格数据
4、调用excel的java帮助类导出excel
帮助类：

/***************************************************************************
* String[] Title={"机构ID","会员编号","类别","名称","省ID","省名称","城市ID","城市名称","详细地址","联系人","性别","联系手机","联系电话","传真","邮箱","QQ","生日","积分","客户等级","现金账户余额","结算方式","客户类型","购买次数","购买支数","创建人ID","创建人姓名","create_time","del","STS","备注","负责人ID","负责人姓名","审核标识","审核人ID ","审核人姓名","审核日期","分配人ID","分配人姓名","分配日期","修改人ID","修改人姓名 ","修改时间"};
List<Object> li=new ArrayList<Object>();
li.add(signatureFile);
ExportExcelTool excel=new ExportExcelTool();
excel.exportExcel("客户资料信息.xls",Title, li,response);
* @param fileName EXCEL文件名称
* @param listTitle EXCEL文件第一行列标题集合
* @param listContent EXCEL文件正文数据集合
* @return
*/
public final static String exportExcel(String fileName,String[] Title, List<Object> listContent ,HttpServletResponse response) {
String result="系统提示：Excel文件导出成功！";
// 以下开始输出到EXCEL
try {
//定义输出流，以便打开保存对话框______________________begin
OutputStream os = response.getOutputStream();// 取得输出流
response.reset();// 清空输出流
response.setHeader("Content-disposition", "attachment; filename="+ new String(fileName.getBytes("GB2312"),"ISO8859-1"));
// 设定输出文件头
response.setContentType("application/msexcel");// 定义输出类型
//定义输出流，以便打开保存对话框_______________________end

/** **********创建工作簿************ */
WritableWorkbook workbook = Workbook.createWorkbook(os);

/** **********创建工作表************ */

WritableSheet sheet = workbook.createSheet("Sheet1", 0);

/** **********设置纵横打印（默认为纵打）、打印纸***************** */
jxl.SheetSettings sheetset = sheet.getSettings();
sheetset.setProtected(false);

/** ************设置单元格字体************** */
WritableFont NormalFont = new WritableFont(WritableFont.ARIAL, 10);
WritableFont BoldFont = new WritableFont(WritableFont.ARIAL, 10,WritableFont.BOLD);

/** ************以下设置三种单元格样式，灵活备用************ */
// 用于标题居中
WritableCellFormat wcf_center = new WritableCellFormat(BoldFont);
wcf_center.setBorder(Border.ALL, BorderLineStyle.THIN); // 线条
wcf_center.setVerticalAlignment(VerticalAlignment.CENTRE); // 文字垂直对齐
wcf_center.setAlignment(Alignment.CENTRE); // 文字水平对齐
wcf_center.setWrap(false); // 文字是否换行

// 用于正文居左
WritableCellFormat wcf_left = new WritableCellFormat(NormalFont);
wcf_left.setBorder(Border.NONE, BorderLineStyle.THIN); // 线条
wcf_left.setVerticalAlignment(VerticalAlignment.CENTRE); // 文字垂直对齐
wcf_left.setAlignment(Alignment.LEFT); // 文字水平对齐
wcf_left.setWrap(false); // 文字是否换行

/** ***************以下是EXCEL开头大标题，暂时省略********************* */
//sheet.mergeCells(0, 0, colWidth, 0);
//sheet.addCell(new Label(0, 0, "XX报表", wcf_center));
/** ***************以下是EXCEL第一行列标题********************* */
for (int i = 0; i < Title.length; i++) {
sheet.addCell(new Label(i, 0,Title[i],wcf_center));
}
/** ***************以下是EXCEL正文数据********************* */
Field[] fields=null;
int i=1;
for(Object obj:listContent){
fields=obj.getClass().getDeclaredFields();
int j=0;
for(Field v:fields){
v.setAccessible(true);
Object va=v.get(obj);
if(va==null){
va="";
}
sheet.addCell(new Label(j, i,va.toString(),wcf_left));
j++;
}
i++;
}
/** **********将以上缓存中的内容写到EXCEL文件中******** */
workbook.write();
/** *********关闭文件************* */
workbook.close();

} catch (Exception e) {
result="系统提示：Excel文件导出失败，原因："+ e.toString();
System.out.println(result);
e.printStackTrace();
}
return result;
}

④ jsp中的table

1.错误主要原因
在HTML中，所有元素打开后都必须关闭，打开一个<tr>就必须用</tr>关闭，或者自己开自己关的元素，如<br/><img src="0.jpg" />。

2.解决办法
你的代码中，所有的<tr>都没有关闭。所以要在多处用</tr>关闭。以下是改后的正确代码：

<%@ page contentType="text/html; charset=gb2312" import="java.sql.*"%>
<jsp:useBean id="db" class="dbBean.DBBean" scope="session"/>
<center>
<h2>系统维护</h2>
<table border bordercolor='#0099ff' width="50%">
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项</th>
</tr>
<%
ResultSet rs=db.executeQuery("select * from vote");
int i=1;
while(rs.next()){
out.println("<tr>");
out.println("<td>"+i+"</td>"); //这行改前好少了个">"大于号
out.println("<td>"+rs.getString("item")+"</td>");
/*显示"删除"超连接，跳转到删除处理页面delete时传递参数delid，即要删除的投票项id号*/
out.println("<td align='center'><a href='delete.jsp?delid="+rs.getString("id")+"'>删除</a></td>");
out.println("</tr>"); //这行就是关闭tr
i++;
}
rs.close();
db.close();
%>
<tr><th colspan="3" bgcolor='#ccffff'>添加投票项</th></tr>
<tr>
<td colspan="3">
<%--利用表单输入添加信息，提交给添加投票项处理页面add.jsp--%>
<form method="post" action="add.jsp">
内容:<input type="text" name="additem" size="30">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor='#ccffff'><a href="index.jsp">返回投票页面</a></td>
</tr>
</table>
</center>

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

⑥ 如何在jsp页面添加css样式

在jsp页面添加css样式的方法：

和html加入的方式一样，在head标签之内，title标签之外写<style></style>开闭标签，具体样式内容写到开闭标签之内。示例如下：

<head>

</head>

其中，<style>.span{ color : red;}</style>表示将span标签的内容置为红色。

(6)jsptable样式下载扩展阅读

上述加css样式的方法是内部样式，除了内部样式还有外部样式和内联样式。内联样式的优先级最高，其次是内部样式，外部样式的优先级是最低的。

1、外部样式

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。<link>标签在（文档的）头部，例如：

<head>

</head>

2、内联样式

当样式仅需要在一个元素上应用一次时, 要使用内联样式，需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。例如：

⑦ jsp保存成excel原来的样式没有了，颜色边框什么的都没了

因为样式引用不到了。页面直接保存为excel文件，其实就是html形式的字符串，要加上样式的内容，比如<style type='text/css'>table,td,th{border:#000000 1px solid;border-collapse:collapse;font-size: 13px;}</style>

⑧ 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 元素。

导航:首页 > 编程语言 > jsptable样式下载

jsptable样式下载

与jsptable样式下载相关的资料

友情链接