首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > J2EE开发 >

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

2013-08-10 
jsp页面中,一个table数据有很多列,很多行,有上下左右滚动条,怎样可以表格数据拖动的时候,表头不动?也就是

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>


<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>


热点排行