copy 

code is as follows:
<! PUBLIC DOCTYPE HTML "-///DTD/W3C XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<HTML XMLNS="http://www.w3.org/1999/xhtml" >
<Head>
<Meta HTTP - equiv="content-type" Content="text/HTML; charset=gb2312"/>
<Title> Fixed title column, a header table
<Style>
table {border - the collapse: the collapse; Border - spacing: 0 px; Width: 100%; Border: # 000 solid 0 px; }
table td {border: 1 px solid # 000; Height: 25 px; The text - align: center; Border - left: 0 px; }
table th {background: # edd3d4; Color: # a10333; Border: # 1 px 000 solid; White - space: nowrap; Height: 21 px; Border - top: 0 px; Border - left: 0 px; }
t_left {width: 30%; Height: auto; Float: left; Border - top: 1 px solid # 000; Border - left: 1 px solid # 000; }
/* t_r_content and cl_freeze height 20 px, height is according to height, appearance can be adjusted according to the situation. */
t_r_content {width: 100%; Height: 220 px; Background: # FFF; Overflow: auto; }
cl_freeze {height: 200 px; Overflow: hidden; Width: 100%; }
/* width adjustment on the left side of header column width (on the left side of the display width); Specified as width: auto shows there is a problem under the Opera; Height is small 20 px height t_r_content */
/* width width to look on the right show the actual width of the display width size of &other T_r &throughout; Add &width of the other Cl_freeze &throughout; Width */
/* if the display is not normal, adjust the width of t_r and t_left form the sum of the width is less than 100%; Equal to 100% when there is a problem. */
t_r {width: 69.5%; Height: auto; Float: left; Border - top: 1 px solid # 000; Border - right: # 1 px 000 solid; }
t_r table {width: 1700 px; }
t_r_title {width: 1720 px; }/* width is larger than t_r table 20 px (at least 20, big small slide the scroll bar on the right there is a problem). */
t_r_t {width: 100%; Overflow: hidden; }
bordertop {border - top: 0 px; }
</style>
<Script>
function (aa) {
var a=document. The getElementById (" t_r_content "). The scrollTop;
var=b document. GetElementById (" t_r_content "). ScrollLeft;
document. GetElementById (" cl_freeze "). The scrollTop=a;
document. GetElementById (" t_r_t "). The scrollLeft=b;
}
</script>
</head>
<Body>
<Div style="width: 100%" >
<Div class="t_left >"
<Div style="width: 100%;" >
<Table>
<Tr>
<Th style="width: 40%" > Account </th>
<Th style="width: 60%" > Name </th>
</tr>
</table>
</div>
<Div class="cl_freeze" id="cl_freeze >"
<Table>
<Tr>
<Td style="width: 40%" class="bordertop >" 1 </td>
<Td style="width: 60%" class="bordertop >" 1 </td>
</tr>
<Tr>
<Td> 2 </td>
<Td> 2 </td>
</tr>
<Tr>
<Td> 3 </td>
<Td> 3 </td>
</tr>
<Tr>
<Td> 4 </td>
<Td> 4 </td>
</tr>
<Tr>
<Td> 5 </td>
<Td> 5 </td>
</tr>
<Tr>
<Td> 6 </td>
<Td> 6 </td>
</tr>
<Tr>
<Td> 7 </td>
<Td> 7 </td>
</tr>
<Tr>
<Td> 8 </td>
<Td> 8 </td>
</tr>
<Tr>
<Td> 9 </td>
<Td> 9 </td>
</tr>
<Tr>
<Td> 10 </td>
<Td> 10 </td>
</tr>
<Tr>
<Td> 11 </td>
<Td> 11 </td>
</tr>
<Tr>
<Td> 12 </td>
<Td> 12 </td>
</tr>
<Tr>
<Td> 13 </td>
<Td> 13 </td>
</tr>
<Tr>
<Td> 14 </td>
<Td> 14 </td>
</tr>
<Tr>
<Td> 15 </td>
<Td> 15 </td>
</tr>
<Tr>
<Td> 16 </td>
<Td> 16 </td>
</tr>
<Tr>
<Td> 17 </td>
<Td> 17 </td>
</tr>
<Tr>
<Td> 18 </td>
<Td> 18 </td>
</tr>
<Tr>
<Td> 19 </td>
<Td> 19 </td>
</tr>
<Tr>
<Td> 20 </td>
<Td> 20 </td>
</tr>
</table>
</div>
</div>
<Div class="t_r >"
<Div class="t_r_t" id="t_r_t >"
<Div class="t_r_title >"
<Table>
<Tr>
<"Width=" 10% "> Field A

<"Width=" 20% "> Field B

<"Width=" 10% "> Field C

<"Width=" 20% "> Field D

<"Width=" 20% "> Field E

<"Width=" 20% "> Field F

</tr>
</table>
</div>
</div>
<Div class="t_r_content" id="t_r_content >"
<Table>
<Tr>
<Td width="10%" class="bordertop >" 1 </td>
<Td width="20%" class="bordertop >" 1 </td>
<Td width="10%" class="bordertop >" 1 </td>
<Td width="20%" class="bordertop >" 1 </td>
<Td width="20%" class="bordertop >" 1 </td>
<Td width="20%" class="bordertop >" 1 </td>
</tr>
<Tr>
<Td> 2 </td>
<Td> 2 </td>
<Td> 2 </td>
<Td> 2 </td>
<Td> 2 </td>
<Td> 2 </td>
</tr>
<Tr>
<Td> 3 </td>
<Td> 3 </td>
<Td> 3 </td>
<Td> 3 </td>
<Td> 3 </td>
<Td> 3 </td>
</tr>
<Tr>
<Td> 4 </td>
<Td> 4 </td>
<Td> 4 </td>
<Td> 4 </td>
<Td> 4 </td>
<Td> 4 </td>
</tr>
<Tr>
<Td> 5 </td>
<Td> 5 </td>
<Td> 5 </td>
<Td> 5 </td>
<Td> 5 </td>
<Td> 5 </td>
</tr>
<Tr>
<Td> 6 </td>
<Td> 6 </td>
<Td> 6 </td>
<Td> 6 </td>
<Td> 6 </td>
<Td> 6 </td>
</tr>
<Tr>
<Td> 7 </td>
<Td> 7 </td>
<Td> 7 </td>
<Td> 7 </td>
<Td> 7 </td>
<Td> 7 </td>
</tr>
<Tr>
<Td> 8 </td>
<Td> 8 </td>
<Td> 8 </td>
<Td> 8 </td>
<Td> 8 </td>
<Td> 8 </td>
</tr>
<Tr>
<Td> 9 </td>
<Td> 9 </td>
<Td> 9 </td>
<Td> 9 </td>
<Td> 9 </td>
<Td> 9 </td>
</tr>
<Tr>
<Td> 10 </td>
<Td> 10 </td>
<Td> 10 </td>
<Td> 10 </td>
<Td> 10 </td>
<Td> 10 </td>
</tr>
<Tr>
<Td> 11 </td>
<Td> 11 </td>
<Td> 11 </td>
<Td> 11 </td>
<Td> 11 </td>
<Td> 11 </td>
</tr>
<Tr>
<Td> 12 </td>
<Td> 12 </td>
<Td> 12 </td>
<Td> 12 </td>
<Td> 12 </td>
<Td> 12 </td>
</tr>
<Tr>
<Td> 13 </td>
<Td> 13 </td>
<Td> 13 </td>
<Td> 13 </td>
<Td> 13 </td>
<Td> 13 </td>
</tr>
<Tr>
<Td> 14 </td>
<Td> 14 </td>
<Td> 14 </td>
<Td> 14 </td>
<Td> 14 </td>
<Td> 14 </td>
</tr>
<Tr>
<Td> 15 </td>
<Td> 15 </td>
<Td> 15 </td>
<Td> 15 </td>
<Td> 15 </td>
<Td> 15 </td>
</tr>
<Tr>
<Td> 16 </td>
<Td> 16 </td>
<Td> 16 </td>
<Td> 16 </td>
<Td> 16 </td>
<Td> 16 </td>
</tr>
<Tr>
<Td> 17 </td>
<Td> 17 </td>
<Td> 17 </td>
<Td> 17 </td>
<Td> 17 </td>
<Td> 17 </td>
</tr>
<Tr>
<Td> 18 </td>
<Td> 18 </td>
<Td> 18 </td>
<Td> 18 </td>
<Td> 18 </td>
<Td> 18 </td>
</tr>
<Tr>
<Td> 19 </td>
<Td> 19 </td>
<Td> 19 </td>
<Td> 19 </td>
<Td> 19 </td>
<Td> 19 </td>
</tr>
<Tr>
<Td> 20 </td>
<Td> 20 </td>
<Td> 20 </td>
<Td> 20 </td>
<Td> 20 </td>
<Td> 20 </td>
</tr>
</table>
</div>
</div> </div>
</body>
</html>

# 0 - #


This concludes the body part