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

随机推荐

皓轩的jquery mobile之路（二）
jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页. 编写代码要注意最外层div需要添加data-role="page" ,标题需要添加dat ...
git分支综述
对git不是很熟悉,有个问题要弄清楚一下. 假如远程仓库有 dev 和 master 两个分支,master 作为一个稳定版分支,可用于直接发布产品,日常的开发则 push 到 dev 分支,那我本地 ...
翻译的很好的一篇android mediaplayer
MediaPlayer类可用于控制音频/视频文件或流的播放.关于如何使用这个类的方法还可以阅读VideoView类的文档. 1．状态图对播放音频/视频文件和流的控制是通过一个状态机来管理的.下图显示一 ...
vim 配置快捷以使复制可用
"设置快捷以使用xshell的复制 let g_copy_mode = function! CopyToggle() let g:g_copy_mode = set mouse=c set ...
[转帖]完美解决NVIDIA最新显卡驱动无法安装。（修改教程篇，各机型都可以）
http://blog.sina.com.cn/s/blog_53e2b55e0100lyx2.html ———————————————————————————————————— 前段时间,有 ...
java类到底是如何加载并初始化的？
Java虚拟机如何把编译好的.class文件加载到虚拟机里面?加载之后如何初始化类?静态类变量和实例类变量的初始化过程是否相同,分别是如何初始化的呢?这篇文章就是解决上面3个问题的. 若有不正之处, ...
hadoop+海量数据面试题汇总（二）
何谓海量数据处理? 所谓海量数据处理,无非就是基于海量数据上的存储.处理.操作.何谓海量,就是数据量太大,所以导致要么是无法在较短时间内迅速解决,要么是数据太大,导致无法一次性装入内存. 那解决办法呢 ...
mysql 不同语法
http://blog.csdn.net/kesaihao862/article/details/6718443 REPLACE INTO id_28_repayid(stub) VALUES(1); ...
SSL证书指令
转自:http://blog.csdn.net/madding/article/details/26717963 生成Self Signed证书 # 生成一个key,你的私钥,openssl会提示你输 ...
Java中的Runtime类
Runtime类描述了虚拟机一些信息.该类采用了单例设计模式,可以通过静态方法 getRuntime()获取Runtime类实例.下面演示了获取虚拟机的内存信息: package Main; publ ...

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

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

随机推荐

热门专题