首页 > Web开发 > 详细

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

时间:2015-07-31 10:11:53      阅读:216      评论: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)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!