jsp页面中，一个table数据有很多列，很多行，有上下左右滚动条，怎样可以表格数据拖动的时候，表头不动？

Question

也就是说，表头那一行只能横向滑动，上下的滑动的时候，表头是不能动的，应该怎么实现？

Answer 1

表头是一个table,数据是一个table,分开搞, 对数据的table加滚动条效果...

Answer 2

建议你考虑使用多个Div，并且多个Div排好布局后再表头层插入table表头 ，表体部分类似，利用Div层级来显示效果 

Answer 3

不行的吧  我不是只是上下滚动，还要左右滚动的，左右滚动的话，上面的表不跟着动吧！
滚动条的属性加在那个table中？

Answer 4

jQuery, Dojo有很多表格插件，可以用那些。
自己写一个需要很久的。

Answer 5

jQuery的表格插件很多啊比如jqGrid，直接用就是了没必要自己写那个太费时而且功能又不能那么强大

Answer 6

楼主是需要这种效果吗  我做过的哦  不过里面的两个table的td长度要一样  不然会不一致<table class="table-cssIndex">
<tr><td>
   <table class="table-css1" >
    <tr class="table-header">
<td style="width:125px">交易服务器IP</td>
<td style="width:160px"><img class="tableImg" src="/LogService/images/sortUp.png"/><a class="tableHeadLink" href="#" >日期时间</a></td>
<td style="width:130px">功能号</td>
<td style="width:124px">客户号</td>
<td style="width:100px">所属营业部</td>
<td style="width:100px">手机号</td>
<td style="width:160px">处理结果说明</td>
<td class="textType"><input  type="text" name="" id="queryContext" class="text" value="请输入关键字" style="width:135px"/>
</td>
</tr>
   </table>
   </td></tr>
  
  
  <tr><td>
  <div class="showListDivTable2">
  <table class="table-css">
<s:if test="data==null || data.isEmpty()">
<tr class="list-row-even">
<td style="width:1070px">There is not data what you wanted!</td>
</tr>
</s:if>
<s:else>
<s:iterator value="data" id="date1" status="st">
<s:if test="#st.index%2==0">
<tr class="list-row-even">
<td style="width:125px"><s:property value="date" /></td>
<td style="width:160px"><s:property value="time" /></td>
<td style="width:130px"><s:property value="userip" /></td>
<td style="width:124px"><s:property value="servclass" /></td>
<td style="width:100px"><s:property value="serverip" /></td>
<td style="width:100px"><s:property value="gotoclass" /></td>
<td style="width:160px"><s:property value="state" /></td>
<td style="width:158px"><s:property value="WTserverip" /></td>

</tr>
</s:if>
<s:else>
<tr class="list-row-odd">
<td style="width:125px"><s:property value="date" /></td>
<td style="width:160px"><s:property value="time" /></td>
<td style="width:130px"><s:property value="userip" /></td>
<td style="width:124px"><s:property value="servclass" /></td>
<td style="width:100px"><s:property value="serverip" /></td>
<td style="width:100px"><s:property value="gotoclass" /></td>
<td style="width:160px"><s:property value="state" /></td>
<td style="width:158px"><s:property value="WTserverip" /></td>

</tr>
</s:else>
</s:iterator>
</s:else>
  
  </table>
  </div>
  </td></tr>

</table>