您的位置：首页 > Web前端 > HTML

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

2015-07-25 09:13 531 查看

转载地址：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>商场本月销售统计表</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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航