表格水平滚动条滚动时怎样控制表头不滚动,让数据滚动
思路:设置水平滚动条的宽度<该滚动表格的宽度。
2:设置表格的行的高度style="height:30"。注意只有表格的所有列宽(<td width="40px">)<该滚动表格的宽度时固定的高度才有效。否则失效。
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td> <div STYLE='position:relative;overflow:scroll; width:600;overflow-y:hidden'> <table width='850' border="0" cellspacing="0" cellpadding="0" class="list"> <tr class="tableheader" style="height:15"> <td width="40px">序号</td> <td width="90px"">申请时间</td> <td width="120px">申请公司</td> <td width="70px">联系人</td> <td width="100px">服务名称</b></td> <td width="90px">关务港口</td> <td width="100px">客户名称</td> <td width="100px">客户编码</td> </tr> <?php $tpl_comm_array=$form->commission_array; foreach($tpl_comm_array as $key => $value){ ?> <tr class="listcontent" onmouseover="this.bgColor='#EFF4FC'" onmouseout="this.bgColor='#ffffff'" style="height:30"> <td><b><?php echo $tpl_comm_array[$key]['id']; ?></b></td> <td><?php echo $tpl_comm_array[$key]['commdate']; ?></td> <td><?php echo $tpl_comm_array[$key]['copname']; ?></td> <td><?php echo $tpl_comm_array[$key]['contact']; ?></td> <td><?php echo $tpl_comm_array[$key]['servname']; ?></td> <td><?php echo $tpl_comm_array[$key]['portname']; ?></td> <td><?php echo $tpl_comm_array[$key]['custname']; ?></td> <td><?php echo $tpl_comm_array[$key]['custcode']; ?></td> </tr> <?php } ?> </table> </div> </td> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="list"> <tr class="tableheader" style="height:15"> <td width="100px">操作</td> </tr> <?php $tpl_comm_array=$form->commission_array; foreach($tpl_comm_array as $key => $value){ ?> <tr class="listcontent" onmouseover="this.bgColor='#EFF4FC'" onmouseout="this.bgColor='#ffffff'" style="height:30"> <td align="center"><span class="ysmbotton"><a href="/Main.php?do=AdminOrder&submit=Update&order_application=<?php echo $tpl_comm_array[$key]['commid']; ?>"> 签约订单</a></span></td><td style="padding-right:10px;"> <span class="bluesmbotton"> <a href="/Main.php?do=OrderDisplay&order_application=<?php echo $tpl_comm_array[$key]['commid']; ?>" target="_blank"> 查看详情</a></span></td> </tr> <?php } ?> </table> <br> <td> </tr> </table>