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樣式下載相關的資料

友情鏈接