读书人

表格左侧列少固定右侧列多上方出现滚

发布时间: 2012-09-08 10:48:07 作者: rapoo

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

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

?

读书人网 >Web前端

热点推荐