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

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表格的更多相关文章

css实现“固定表头带滚动条”的table
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
bootstrap-table固定表头固定列
1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-table有两种方式,html.js <tabl ...
ant design 的Table组件固定表头时不对齐
现在有一个表格,里面的列数是不固定的(可以重复写入数据),且列数行数都可能很多,就带来一个问题: 必须要固定表头,但是antd 的表格组件设置了固定表格 scroll={{x:1000,y:300}} ...
固定表头，单元格td宽度自适应，多内容出现-横向纵向滚动条数据表格的<前世今生>
固定表头,单元格td宽度自适应,多内容出现-横向纵向滚动条数据表格的<前世今生> 先上图例 & 无论多少数据--都完美! 背景:由于我司行业方向,需要很多数据报表,则t ...
easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条）
easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...
jQuery制作多表格固定表头、切换表头的特效
做了好几天的固定表头特效,总算是搞定了.先说明一下基本功能:我们在一个网页上浏览很多份表格数据的时候,肯定会碰到很多分不清表头,也分不清表格是哪个的情况,这个时候我们就希望能有一种功能,就是我们再下 ...
使用bootstrap table 插件固定表头时表头与表格内容无法对齐
在使用bootstrap table开发后台管理系统,表格利用bootstrap-table插件来实现,使用bootstrap-table过程中,会出现表头错位的情况表头对不齐效果: 解决的方法: ...
vue表格实现固定表头首列
前言最近在做vue移动端项目,需要做一个可以固定表头首列的表格,而且由于一些原因不能使用任何UI插件,网上找了很久也没什么好方法,所以在解决了问题之后,写下了这篇文章供后来人参考,文章有什么错漏的问 ...
java表格 JTable实例（带滚动条，内嵌选择框）
import javax.swing.JTable; import javax.swing.table.AbstractTableModel; import javax.swing.JScrollPa ...

随机推荐

用apache配置多个tomcat webapp
The Apache HTTP Server Project is an effort to develop and maintain an open-source HTTP server for m ...
.net task
Task 是4.0里面带来的一个很好用的线程类,后台也是由线程池控制的有时间是里面的方法得好好看看. 今天学到一个新的. 当需要两个操作并行执行,然后再线性执行时.可以先 Task1 Task2执行 ...
Andriod学习笔记 - 参考
Andriod学习笔记 - 参考自定义实现圆形播放进度条(android,飞一般的感觉) 盘点Android开发者必备的十大开发工具
highcharts 去掉打印和链接
1)去掉或更改图片右下角的链接在highcharts.js文件中搜索credits字符串,找到如下的字符串, enabled:设置是否显示链接 text:设置链接显示的名称 href:设置链接的ur ...
ssh密钥登录及远程执行命令
以192.168.1.104作为客户机以192.168.1.103作为服务器使用密钥登录创建密钥对在SSH客户机创建用户秘钥对 ssh-keygen -t rsa 之后全回车即可将会在~/. ...
dedecms如何修改共0页/0条记录为英文版？
近日,在测试一个网站功能的时候,发现在搜索结果的下面为中文的“共0页/0条记录”,但客户的网站为英文版,所以我们需要将搜索的结果信息也要显示为英文,好了,我们开始动手修改dedecms的文件,以达到我 ...
jquery.proxy的四种使用场景及疑问
作者:zccst 其实只有两种使用方式,只不过每一种又细分是否传参. 先给一段HTML,后面会用来测试: <p><button id="test">Test ...
Spring--AOP--面向切面编程
AOP: 面向切面编程. 通过动态代理实现. AOP就3条线, 2条线给剪断. 实现:动态代理如果实现interface的话, 用Proxy, InvocationHandler. 不实现inter ...
linux 驱动入门6
看/sys目录经常看到bus device driver class. 这也是网上大量说的驱动驱动模型.这些的关系得熟悉得明白吧.是的.今天我先不整他们的关系.先逐个击破,然后再统一来理清楚他们之间的 ...
ie6,ie7兼容性总结
摘自: http://www.cnblogs.com/li0803/archive/2009/08/22/1552094.html 其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致 ...

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

固定表头带滚动条的HTML表格的更多相关文章

随机推荐

热门专题