jsp页面table中只让tbody 部分显示滚动条滚动,thead部分不动。。跪求答案????

 我来答
jACKy劉
2013-09-12 · TA获得超过325个赞
知道小有建树答主
回答量:240
采纳率:100%
帮助的人:244万
展开全部
2个table. 一个仅显示 table head部分, 另外一个仅显示 body部分.
body部分的表, 设置 overflow:auto 即可.

难点:
2个table的 header 保持宽度一致, 以及左右滚动时保持一致.
jquery 做个宽度自动匹配.

尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.

或者尝试 extjs/jqueryui等其他第三方插件.
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
shixuegen
2013-09-12 · TA获得超过235个赞
知道小有建树答主
回答量:134
采纳率:100%
帮助的人:168万
展开全部
看看这个,把代码复制到html就可以看到效果

<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#006600">
<tr>
<th height="30">栏目A</th>
<th>栏目B</th>
<th>栏目C</th>
</tr>
<tr>
<td colspan="3">
<div style="width:500px; height:100px; overflow:auto;">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="24" bgcolor="#FFFFCC" width="200">aaaa</td>
<td bgcolor="#99CC00" width="200">bbbb</td>
<td bgcolor="#0066CC" width="200">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式