日期:2014-05-18  浏览次数:20787 次

jsp页面中,一个table数据有很多列,很多行,有上下左右滚动条,怎样可以表格数据拖动的时候,表头不动?
也就是说,表头那一行只能横向滑动,上下的滑动的时候,表头是不能动的,应该怎么实现?

------解决方案--------------------
引用:
也就是说,表头那一行只能横向滑动,上下的滑动的时候,表头是不能动的,应该怎么实现?



楼主是需要这种效果吗  我做过的哦  不过里面的两个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>