下面是父表，放了2个子表。
第二个子表 分为 两行三列的表格，表格内容可以自己加入：
<HTML>
<BODY>
<H3>Father Table:</H3>
<table border=6 bordercolor=#888888 width="100%">
<tbody><tr><td>
Father Father Father
<table border=5 bordercolor=#ffcc00 width="100%" height=200>
<tbody><tr><td>Son1</td></tr></tbody>
</table>
<table border=5 bordercolor=#ffcc00 width="100%" height=200>
<tbody><tr><td>Son2-11</td><td>Son2-12</td><td>Son2-13</td></tr>
<tr><td>Son2-21</td><td>Son2-22</td><td>Son2-23</td></tr>
</tbody>
</table>
</td></tr></tbody>
</table>
</BODY>
</HTML>
给你写个固定表头的例子，固定表尾的就当是课堂练习，希望你能举一反三：<HTML>
<HEAD>
<TITLE>JS Example</TITLE>
<style type='text/css'>
tr.locktop{
position:relative
top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1)
}
</style>
</HEAD>
<BODY>
表头前面的内容，这些是可以滚出屏幕的，只有表头锁定。
<table id=pol_table_list cellspacing=0>
<tr class=locktop><th>表头
<tr><td>1
<tr><td>2
<tr><td>3
<tr><td>4
<tr><td>5
<tr><td>6
<tr><td>7
<tr><td>8
<tr><td>9
<tr><td>10
</table>
</BODY>
</HTML>
把浏览器窗口调得很小，才能看到效果，向下滚动的时候表头是固定的
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）