固定表头带滚动条的HTML表格

来源：互联网发布：ae cc 2017 for mac 编辑：程序博客网时间：2024/04/20 10:33

<html>
<head>
</head>
<BODY>
<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=1 cellPadding=0 width=400 border=0>
<TR>
 <TD>
 <TABLE cellSpacing=1 cellPadding=0 width="100%" align=center summary="" border=0>
 <TR>
 <TD align=middle bgColor=#000080 colSpan=5>商场本月销售统计表</TD>
 </TR>
 <TR>
 <TD width="24%" bgColor=#6c95d0>商品名</TD>
 <TD width="24%" bgColor=#6c95d0>上旬</TD>
 <TD width="24%" bgColor=#6c95d0>中旬</TD>
 <TD width="24%" bgColor=#6c95d0>下旬</TD>
 <TD width="4%" bgColor=#6c95d0>　</TD>
 </TR>
 </TABLE>
 </TD>
</TR>
<TR>
 <TD>
 <DIV style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 150px">
 <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 height=273 cellSpacing=1 cellPadding=12 width="99%">
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 <TR>
 <TD width="25%" bgColor=#ffffd9 height=17>洗洁精</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>2321</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>4521</TD>
 <TD width="25%" bgColor=#ffffd9 height=17>1203</TD>
 </TR>
 </TABLE>
 </DIV>
 </TD>
 </TR>
</TBODY>
</TABLE>

</BODY>
</HTML>