表格左侧列少固定,右侧列多下方出现滚动条实现代码

编程技术  /  houtizong 发布于 3年前   72
<html><head><title></title></head><body>   <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#9AC0CD">   <tr><td><!--newface  Frame page E2--><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="20%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0"><tr> <td align="center"  nowrap height="26"><b>员工编号</b></td> <td align="center"  nowrap height="26"><b>姓名</b></td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr><tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr></table></td><td width="80%" valign="top"><DIV style="z-index:1000; OVERFLOW: auto; WIDTH: 100%; POSITION: absolute;height=300;"><table width="100%"  border="0" cellspacing="0" cellpadding="0"><tr><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td><tr>        <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr> <tr><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td><td height="21" nowrap>aaaaaa</td></tr></table></div></td></tr></table>  <!--newface  Frame body E2--></tr></td></table></body></html>

 

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

留言需要登陆哦

技术博客集 - 网站简介:
前后端技术:
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成

网站主要作用:
1.编程技术分享及讨论交流,内置聊天系统;
2.测试交流框架问题,比如:Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识,如有侵权请发邮件到站长邮箱,站长会尽快处理;
4.站长邮箱:[email protected];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客