固定表头带滚动条的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 ...

随机推荐

Nginx配置文件常用部分详解
原文 #定义Nginx运行的用户和用户组 user www www; #nginx进程数,建议设置为等于CPU总核心数. worker_processes ; #全局错误日志定义类型,[ debug ...
HDU 5176 The Experience of Love 带权并查集
The Experience of Love Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/O ...
HTML基本
a标签的四种状态 a:link; /* 未访问的链接 */ a:visited; /* 已访问的链接 */ a:hover; /* 当有鼠标悬停在链接上 */ a:hover 必须位于 a:lin ...
解决IntelliJ IDEA 创建Maven项目速度慢问题 DarchetypeCatalog
原因 IDEA根据maven archetype的本质,其实是执行mvn archetype:generate命令,该命令执行时,需要指定一个archetype-catalog.xml文件. 该命令的 ...
Java谜题心得
1,二进制浮点数的运算是对实际算数的一种近似运算. 2,IEEE 754浮点算术保留了一个特殊的值用来表示一个不是数字的数量[IEEE 754].这个值就是NaN(“不是一个数字(Not a Numb ...
0115percona-toolkit安装教程
一.percona-toolkit简介percona-toolkit是一组高级命令行工具的集合,用来执行各种通过手工执行非常复杂和麻烦的mysql和系统任务,这些任务包括: 检查master和slav ...
MySQL show slave status命令参数
? Slave_IO_State SHOW PROCESSLIST输出的State字段的拷贝.SHOW PROCESSLIST用于从属I/O线程.如果线程正在试图连接到主服务器,正在等待来自主服务器的 ...
iOS自定义字体及类目分类： ios技术 2015-05-15 16:34 195人阅读评论(0) 收藏
1:获取字体文件从各种渠道下载字体文件ttf, 网站或者从别的ipa里扣出来.(以fzltxh.ttf为例) 2:将fzltxh.ttf文件拷贝到工程中 3:在Info.plist中添加项: Fon ...
php小知识。
合并数组的2个方式区别 1)键名为数字时,array_merge()不会覆盖掉原来的值,但+合并数组则会把最先出现的值作为最终结果返回,而把后面的数组拥有相同键名的那些值“抛弃”掉(不是覆盖) 2)键 ...
DWR3.0框架入门（3） —— ScriptSession的维护及优化
1.ScriptSession使用中存在的问题在上一节实现了服务器的推送功能,但是根据 ScriptSession的生命周期我们可以得出以下几点的问题: (1)ScriptSess ...

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

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

随机推荐

热门专题