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

随机推荐

[Unity]C#.数据类型总结
C#中的数据类型 [TOC] 通用类型系统 C#中,变量是值还是引用仅取决于数据类型所有的数据类型都是对象.因为它们具有自己ide方法和属性 int int_value = 101; //调用*in ...
ntpdate
apt-get install ntpdate ntpdate 133.100.9.2 [root@10.10.10.74 /data]$ lsof -i:123 COMMAND PID USER F ...
margin 如何居中
#id { margin-left: auto; margin-right: auto;width:100px}一定得增加width:100px这一个属性.margin:[N]px auto;widt ...
Java基本数据类型和关键字
变量名第一个字母小写,后面大写. 自动类型转换: 容量小的类型自动转换成容量大的数据类型 byte,short,int->float->long->double byte,short ...
w3school之JavaScript学习笔记
在前端测试过程中,少不了听到开发说到JS,JS在webJavaScript 是浏览器脚本语言(简称JS),主要用来向HTML页面添加交互行为. 学习网址:http://www.w3school.com ...
mac home/end/pageup/pageDown
home:按fn+左键 end:按fn+右键 pageup:按fn+上键 pagedown:按fn+下键
[转] Eclipse 使用 Link 方式进行插件的安装
下方来自 http://www.iteye.com/topic/1113353 Eclipse 的插件安装方法一般有以下几种(以安装 SVN 插件为例说明,Eclipse 版本为:3.7/Indigo ...
mysql、mysqli、pdo使用
一.php手册关于MySQL的说明: This extension is not recommended for writing new code. Instead, either themys ...
[Unity]SQLite-C#调用
SQLite数据库-Unity操作项目开发的时候,经常会遇到的一种需求,数据存储离线缓存的数据类型很多,大致分成两类字符串文本数据多媒体数据字符串数据的类型只有字符串,但是结构有很多: xm ...
D. PolandBall and Polygon BIT + 欧拉公式
http://codeforces.com/contest/755/problem/D // 我也觉得非平面图不能用欧拉公式,但是也能过,不知道为什么.求大佬留言. 这题其实就是平面图,因为它有很多个 ...

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

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

随机推荐

热门专题