表格左侧列少固定,右侧列多下方出现滚动条实现代码
编程技术  /  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];
文章归档
文章标签
友情链接