<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 锁定表头 </title>
<style type="text/css">
.fixedHeaderTr
{
z-index:10;
position:relative;
top:expression(this.offsetParent.scrollTop);
};
.relativeTag
{
position:relative;
};
.fixedHeaderCol
{
background-color:#cccccc;
position:relative;
left:expression(this.parentElement.offsetParent.scrollLeft);
};
.mainDiv
{
overflow:auto;
scrollbar-face-color:9999ff;
height:expression((document.body.clientHeight-this.offsetTop-20> this.children[0].offsetHeight)?(this.children[0].offsetHeight+20) : (document.body.clientHeight-this.offsetTop-20));
width:expression(document.body.clientWidth-20);
} </style>
</head>
<body>
<br>
<br>
<div class= "mainDiv " id=mailContainerDiv>
<table width= "100% " cellspacing=0 border=1 style= "margin-top:-2;margin-left:-1 ">
<TR class= "fixedHeaderTr " style= "background:navy;color:white; ">
<TD nowrap class= "fixedHeaderCol " style= "background:navy;color:white; "> Header A </TD>
<TD nowrap class= "fixedHeaderCol " style= "background:navy;color:white; "> Header B </TD>
<TD nowrap> Header C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol " > B </TD>
<TD nowrap >
<br>
</TD>
</TR >
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
<TR class= "relativeTag " >
<TD class= "fixedHeaderCol " > A </TD>
<TD class= "fixedHeaderCol "> B </TD>
<TD> C </TD>
</TR>
</table>
</div>
</body>
</html>