在html中如何在表尾嵌套一个两行三列的表格

html-css017

在html中如何在表尾嵌套一个两行三列的表格,第1张

在 父表最后一个 区域里加 表，就是你需要的。

下面是父表，放了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>

把浏览器窗口调得很小，才能看到效果，向下滚动的时候表头是固定的