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

时间：2015-07-31 10:14:11 阅读：152 评论：0 收藏：0 [点我收藏+]
标签：
http://blog.csdn.net/daryl715/article/details/1883677

<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><FONT color=#ffffff size=2>商场本月销售统计表</FONT></TD>
          </TR> 
          <TR> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>商品名</FONT></TD> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>上旬</FONT></TD> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>中旬</FONT></TD> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>下旬</FONT></TD> 
            <TD width="4%"  bgColor=#6c95d0><FONT  size=2>　</FONT></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><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
          </TABLE>
        </DIV>
    </TD>
    </TR>
  </TBODY>
</TABLE>

 

</BODY>
</HTML>
固定表头带滚动条的HTML表格
标签：
原文地址：http://www.cnblogs.com/stono/p/4691288.html
踩
(0)
评论一句话评论（0）
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行