jsp 固定表格表头 css 或者 js 都行，只要功能实现

<tableid="excel"width="100%"border="1"bgcolor="#0066CC"><tr><tdbgcolor="#0066CC"align... <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中由于数据比较多，我想要把表头固定，要怎么才能实现，我希望有实例代码。如果成功可追加分数谢谢展开

 我来答

2个回答

#热议# 生活中有哪些实用的心理学知识？

heyongsai
推荐于2016-08-20 · TA获得超过1184个赞

知道小有建树答主

回答量：472

采纳率：0%

帮助的人：300万

我也去答题访问个人页

关注

展开全部

<script type="text/javascript">
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>

本回答被提问者和网友采纳

已赞过 已踩过<

评论收起

台州市华樽网络科技

广告2024-12-20

Office下载是经典的办公软件包含了Excel、Word、PPT等多种组件，支持数据同步云办公，也是电脑办公必备的软件之一，点击下载

woo.huazun2.top

千锋教育
2015-12-14 · 做真实的自己用良心做教育

千锋教育

千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。

向TA提问

关注

展开全部

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>