jsp 固定表格表头 css 或者 js 都行，只要功能实现
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsp 固定表格表头 css 或者 js 都行，只要功能实现相关的知识，希望对你有一定的参考价值。
<table id ="excel" width="100%" border="1" bgcolor="#0066CC">
<tr><td bgcolor="#0066CC" align="center" width="9%" height="36">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
<td bgcolor="#0066CC" align="center" width="9%">
标题1
</td>
</tr>
<%
ArrayList list = (ArrayList) request.getAttribute("list");
for (int i = 0; i < list.size(); i++)
if (i % 11 == 0)
out.println("<tr>");
if (i % 11 == 10)
out.println("</tr>");
else
out.println("<td>" + list.get(i) + "</td>");
out.println("</table>" + "共" + "<td>" + list.size() / 11 + "</td>"
+ " 条");
%>
<tr>
</tr>
</table>
我上面遍历list 获取的数据绑定的table中 由于数据比较多 ，我想要把表头固定，要怎么才能实现，我希望有实例代码 。如果成功可追加分数 谢谢
function setHeader(divObj,headerID)
var headerObj=eval(headerID);
if(divObj.scrollTop > 5 && headerObj.className != "docktr") headerObj.className="docktr";
</script>
<style>
.dtdiv
position: relative;
width: expression(document.body.clientWidth-10);
z-index: 1;
overflow: auto;
.docktr
height: 25px;
line-height: 25px;
background: #A3CFEE;
position: relative;
top: expression(document.getElementById("dtdiv").scrollTop);
z-index: 20;
left: -1px;
</style>
<div id="dtdiv" class="dtdiv" style="width:100%;height:100px;" onscroll="setHeader(this,'dockTR');">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="listtab">
<tr align="center" id="dockTR" style="height: 25px;background: #A3CFEE;">
<td width="50%">名字</td>
<td width="50%">班级</td>
</tr>
<tr height=40>
<td>1</td><td>11</td>
</tr>
<tr height=40>
<td>2</td><td>22</td>
</tr>
<tr height=40>
<td>3</td><td>33</td>
</tr>
<tr height=40>
<td>4</td><td>44</td>
</tr>
<tr height=40>
<td>5</td><td>55</td>
</tr>
<tr height=40>
<td>6</td><td>66</td>
</tr>
<tr height=40>
<td>7</td><td>77</td>
</tr>
</table>
</div>本回答被提问者和网友采纳 参考技术B jsp固定表头可以用通用表头实现，数据用for循环处理即可。
参考代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>固定表头</title>
</head>
<style type="text/css">
.fixedtd
color:#FF0000;
position:relative;
top: expression(this.parentElement.parentElement.parentElement.scrollTop)
z-index:1;
</style>
<body>
<div style="overflow:auto; height:100px;">
<table width="667" cellpadding="0" cellspacing="0" border="1">
<tr bgcolor="#999999">
<td class="fixedtd" width="86">表头</td>
<td class="fixedtd" width="120">表头</td>
<td class="fixedtd" width="439">表头</td>
</tr>
<tr>
<td>内容1</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>内容2</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>内容3</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>内容4</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>内容5</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>内容6</td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
电子表格表头固定--冻结窗口的方法不好使
电子表格表头固定--冻结窗口的方法不好使
表头固定只能用冻结窗口,选定你要冻结的行的下面一行(或要冻结列的右边一列),然后选择冻结窗口就可以了 参考技术A 要想只冻结行的表头，而不冻结列，就把活动单元格移动到A列某一单元格内，如活动单元格为A4，则冻结的就是三行；若要只冻结列而不冻结行，就把活动单元格移动到第一行某一单元格内，如活动单元格为C1，则冻结A、B两列。若要同时冻结行和列，活动单元格移动其它某一地方，如活动单元格为C4，则冻结同时前三行和A、B列。以上是关于jsp 固定表格表头 css 或者 js 都行，只要功能实现的主要内容，如果未能解决你的问题，请参考以下文章