htc实现的固定表头table
<HTML>
<HEAD>
<STYLE>
.tblMain
{
behavior:url(scrolltable.htc);
background-color: highlight;
border: 1px solid darkblue;
font-family: Verdana;
font-size: .8em;
}
.tblHeader
{
color: highlighttext;
height:20px;
}
.tblBody
{
background-color: #EEEEEE;
color: darkblue;
}
</STYLE>
</HEAD>
<BODY>
<TABLE bodyHeight="100" height=120px bodyCSS="tblBody" headerCSS="tblHeader"
class="tblMain" width="75%" cellspacing=5 cellpadding=0>
<TR>
<TD nowrap>Header A</TD>
<TD nowrap>Header B</TD>
<TD nowrap>Header C</TD>
</TR>
<TR>
<TD>Aaaaaaaaaaaaaaaaaaa</TD><TD>B</TD><TD>Ccccccccccccccccccc</TD>
</TR>
<TR>
<TD>A</TD><TD>Bbbbbbb</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<STYLE>
.tblMain
{
behavior:url(scrolltable.htc);
background-color: highlight;
border: 1px solid darkblue;
font-family: Verdana;
font-size: .8em;
}
.tblHeader
{
color: highlighttext;
height:20px;
}
.tblBody
{
background-color: #EEEEEE;
color: darkblue;
}
</STYLE>
</HEAD>
<BODY>
<TABLE bodyHeight="100" height=120px bodyCSS="tblBody" headerCSS="tblHeader"
class="tblMain" width="75%" cellspacing=5 cellpadding=0>
<TR>
<TD nowrap>Header A</TD>
<TD nowrap>Header B</TD>
<TD nowrap>Header C</TD>
</TR>
<TR>
<TD>Aaaaaaaaaaaaaaaaaaa</TD><TD>B</TD><TD>Ccccccccccccccccccc</TD>
</TR>
<TR>
<TD>A</TD><TD>Bbbbbbb</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
</TABLE>
</BODY>
</HTML>
scrolltable.htc下载