1. 程式人生 > >jsp頁面畫表格固定列數的方法

jsp頁面畫表格固定列數的方法

在jsp頁面上展現資料,通常使用表格形式。這裡就設計到美觀的問題,如何固定每一行的列數?下面是使用jstl實現的方法。

通常畫表格是從伺服器端某種格式的資料,如list,map,頁面上使用jstl標籤來實現迴圈畫表的功能。

<table  cellSpacing="1" cellPadding="0" width="100%" bgColor="#e8e8e8" border="0">
								
								<tr class="list_tr_small"  bgcolor="#FFFFFF" >
					          			<c:forEach items="${entry.value}" var ="a"  varStatus="num">
											  <td width="15%" class="list_tr_small"  bgcolor="#FFFFFF"> 
						                          <c:if test="${num.index%6==0&&num.index!=0}"> 
						                              <tr></tr><td width="15%" class="list_tr_small"  bgcolor="#FFFFFF" > 
						                          </c:if> 
						                         	<input type="radio" name="${entry.key}" value="<c:out value='${a.id}/${a.name}' />" onclick="onMultiClicked();"><c:out value="${a.name}" /></input>
						                      </td>
							          	</c:forEach>								
					          			
								</tr>
							</table> 		


根據迴圈的序號num是否能被某個數正除,來確定是否換行。

效果如下

相關推薦

jsp頁面表格固定方法

在jsp頁面上展現資料,通常使用表格形式。這裡就設計到美觀的問題,如何固定每一行的列數?下面是使用jstl實現的方法。 通常畫表格是從伺服器端某種格式的資料,如list,map,頁面上使用jstl標籤來實現迴圈畫表的功能。 <table cellSpacing="

DataTables 表格固定欄使用方法

tps 體驗 tde arch 升序 scroll lap clas ima 有時候數據過多,為了用戶體驗,需要將重要的欄目固定不動,如下圖所示: 從上圖我們可以看出,表格滾動的時候,左邊5欄是不動的。現在說一下實現方法: 插件地址: https://datatables

Jsp頁面中位址引數傳入中文的亂碼問題

最近寫一些東西,使用超連結在位址列裡傳入中文後,遇見了一些亂碼問題,查了一些資料,做一些總結。 一、Get提交方式產生的亂碼 原因:瀏覽器首先會將這些中文字元進行編碼然後再發送給伺服器,位址列中所輸入的URL包含中文字元時,瀏覽器會將它們轉 換為 application/x-www-form

JSP頁面中嵌入UEditor編輯器方法

JSP頁面使用UEditor編輯器 對於一些剛入門的程式設計師來說,在一些實際的開發中可能會用到編輯器,那麼如何在JSP頁面中嵌入並使用編輯器(本文以百度的UEditor編輯器為例),以下是具體的操作流程: 第一步 首先要到UEditor官網下載不同版本的編輯器,使用者可以

JSP頁面的五種跳轉方法

1. RequestDispatcher.forward()   是在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet or JSP到另外一個Servlet,JSP 或普通HTML檔案,也即你的form提交至

JSP頁面跳轉的幾種方法以及注意點

       最近自己在做專案時遇到一個問題,明明加了response.sendRedirect() ,系統也執行了,但是它就是不跳轉;最後在網上找到原因如下:        首先我們要知道的是用r

封裝表格table求和方法

<!DOCTYPE html> <html> <head> <title></title> </head> <body&

JSP頁面登入成功之後取得使用者名稱方法

登入: <form id="login" name="login" action="LoginServlet" method="post" >   <div id="center"&

jsp頁面之間通過servelt呼叫DAO方法,讓DAO回傳入的值,通過servlet調到轉入的頁面

2014.9.1開始接觸jsp <pre name="code" class="plain"> person.jsp <form action="aaa" method="pos

Canvas在頁面出各種圖形的方法

以三角形作為案例:   <canvas id="uitooltip" height="5px" width="5px"></canvas> //html中的標籤; //定義canvas的大小;可以是正方形和長方形;        window.too

jsp頁面帶有多選框的grid表格,如何將勾選中的行記錄所有據傳送到後臺。

blank href 後臺 aaa 數據 www hue 選中 cs6 忱分慕兇釉瀑懲防慌虜敝慘緩猩http://jz.docin.com/shuvg316 帳段繁臨市杉聞壞倫捶剎空合戀http://huiyi.docin.com/ogq2843 杏燎乘安轄任凸托飯承臨

jsp頁面表單提交,controller接收亂碼,據庫亂碼等解決方法

ren ping redirect etc 打開數據庫 解決方法 ews web ext 1.web項目出現亂碼問題 做web項目的時候,多多少少會出現中文亂碼問題。 對於jsp頁面表單提交,controller接收亂碼,保存到數據庫中文亂碼等問題,統一給出幾種亂碼的解決

JSP頁面之間傳遞參方法有哪些?

jsp 鏈接 ESS jsp頁面 頁面 提交 ssi 參數 傳遞參數 JSP頁面之間傳遞參數的方法有哪些? 解答: 1)request 2)session 3)application 4)提交表單 5)超鏈接JSP頁面之間傳遞參數的方法有哪些?

vue中 表頭th 合併單元格,且表格不定的動態渲染方法

吐槽 今天,在vue中遇到 複雜表格的渲染 ,需要合併表頭的單元格,且合併單元格的那列還是動態資料,也就是說你不知道會有多少組要合併起來,哎,我也有點說不清楚,廢話不多說了,看程式碼把: 程式碼示例 data資料是後端介面返回的,其中的資料格式是這樣的: [ { "studentId

vue中 表頭th 合並單元格,且表格不定的動態渲染方法

ios 其中 reac 項目 vue for 參數 colspan 復雜 吐槽 今天,在vue中遇到 復雜表格的渲染 ,需要合並表頭的單元格,且合並單元格的那列還是動態數據,也就是說你不知道會有多少組要合並起來,哎,我也有點說不清楚,廢話不多說了,看代碼把: 代碼示例 da

vue中 表頭 th 合並單元格,且表格不定的動態渲染方法

value 數據 5.5 lis 初學 代碼 課程 復雜 比較 吐槽 今天,在vue中遇到 復雜表格的渲染 ,需要合並表頭th的單元格,且合並單元格的那列的表頭數據是動態數據,也就是不知道會有多少個表頭列,而這幾個表頭列還分了好幾個子表頭。 這個需求在js裏用Juicer模

關於jsp頁面表格表頭固定,隨著下拉條表頭移動

在專案中碰見jsp頁面遍歷資料過多,下拉後看不見表頭,如果用easyUi就不存在固定表頭問題了。 如果是單純的table,遍歷,那麼我們可以引用bootstrap中的滾動監聽來控制。 在頁面引入  <link rel="stylesheet" href="https

jsp頁面帶有多選框的grid表格,如何將勾選中的行記錄所有資料傳送到後臺。

1.本方案大體思路是,將選中元素所在行的資料,拼裝成一個js物件,然後使用JSON.stringify方法將物件轉換為json字串,以ajax.post的方式傳送給後臺,然後在server端用GsonUtils轉為List &l

jsp頁面,使用Struts2標簽,傳遞和獲取Action類裏的參,註意事項。<s:a action><s:iterator><s:param>ognl表達式

ram abc 從數據 -- xml文件 struts2標簽 ice 由於 spa 在編寫SSH2項目的時候,除了使用<s:form>表單標簽向Action類跳轉並傳遞參數之外,很更多時候還需要用到<s:a action="XXX.action"

JavaSE7基礎 定義二維固定的行、

pre png 運行 二維數組 代碼 args logs 精華 dem 版本參數:jdk-7u72-windows-i586註意事項:博文內容僅供參考,不可用於其他用途。 代碼 class Demo{ public static void main(Stri