<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.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">
<script type="text/javascript">
function fixupFirstRow(tab) {
var div = tab.parentNode;
if(div.className.toLowerCase() == "freezediv"){
tab.rows[0].style.zIndex = "1";
tab.rows[0].style.position = "relative";
div.onscroll = function()
{
var tr = tab.rows[0];
tr.style.top = this.scrollTop - (this.scrollTop==0 ? 1 : 2);
tr.style.left = -1;
}
}
}
window.onload = function(){
var tab = document.getElementById("freezedivTable");
if(tab){
fixupFirstRow(tab);
}
}
</script>
</head>
<body>
<div class=freezediv style="width: 100%; height: 140; overflow: auto;">
<table id=freezedivTable >
<tr>
<th nowrap="nowrap">序号</th>
<th nowrap="nowrap">内容</th>
</tr>
<!-- <tr>
<th nowrap="nowrap">序号</th>
<th nowrap="nowrap">内容</th>
</tr> -->
<tr>
<td>1</td>
<td>内容</td>
</tr>
<tr>
<td>2</td>
<td>内容</td>
</tr>
<tr>
<td>3</td>
<td>内容</td>
</tr>
<tr>
<td>4</td>
<td>内容</td>
</tr>
<tr>
<td>5</td>
<td>内容</td>
</tr>
<tr>
<td>6</td>
<td>内容</td>
</tr>
<tr>
<td>7</td>
<td>内容</td>
</tr>
<tr>
<td>8</td>
<td>内容</td>
</tr>
<tr>
<td>9</td>
<td>内容</td>
</tr>
<tr>
<td>10</td>
<td>内容</td>
</tr>
<tr>
<td>11</td>
<td>内容</td>
</tr>
<tr>
<td>12</td>
<td>内容</td>
</tr>
<tr>
<td>13</td>
<td>内容</td>
</tr>
<tr>
<td>14</td>
<td>内容</td>
</tr>
<tr>
<td>15</td>
<td>内容</td>
</tr>
<tr>
<td>16</td>
<td>内容</td>
</tr>
<tr>
<td>17</td>
<td>内容</td>
</tr>
<tr>
<td>18</td>
<td>内容</td>
</tr>
<tr>
<td>19</td>
<td>内容</td>
</tr>
<tr>
<td>20</td>
<td>内容</td>
</tr>
</table>
</div>
</body>
</html>
冻结(固定) 行或列 完整例子
4星 · 超过85%的资源 需积分: 35 98 浏览量
2011-02-10
14:51:58
上传
评论
收藏 2KB ZIP 举报 
冻结行列.zip （2个子文件） 
冻结行列 
冻结首列.html 3KB 冻结表头.html 4KB资源评论
zydx3652013-10-08能用，谢谢分享
mazole
- 粉丝: 1
- 资源: 9
