jsp页面table中只让tbody 部分显示滚动条滚动,thead部分不动。。跪求答案????
2个回答
展开全部
2个table. 一个仅显示 table head部分, 另外一个仅显示 body部分.
body部分的表, 设置 overflow:auto 即可.
难点:
2个table的 header 保持宽度一致, 以及左右滚动时保持一致.
jquery 做个宽度自动匹配.
尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.
或者尝试 extjs/jqueryui等其他第三方插件.
body部分的表, 设置 overflow:auto 即可.
难点:
2个table的 header 保持宽度一致, 以及左右滚动时保持一致.
jquery 做个宽度自动匹配.
尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.
或者尝试 extjs/jqueryui等其他第三方插件.
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看看这个,把代码复制到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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询