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

随机推荐

js判断各个浏览器
其实,实际写js的过程中,用功能判断”鸭shi辨形“的方法就可以了,不过,很多地方考试还是会问.所以总结一下,大部分都是分析navigator来实现的. var ua=navigator.userAg ...
Python多进程并发(multiprocessing)用法实例详解
http://www.jb51.net/article/67116.htm 本文实例讲述了Python多进程并发(multiprocessing)用法.分享给大家供大家参考.具体分析如下: 由于Pyt ...
HDU1251-统计难题（字典树）
统计难题 Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 131070/65535 K (Java/Others)Total Submi ...
HDU 3265 Posters
矩形面积并,一个拆成四个 #include<cstdio> #include<cstring> #include<cmath> #include<map> ...
中国气象台api
1. XML接口 http://flash.weather.com.cn/wmaps/xml/china.xml 这个是全国天气的根节点,列出所有的省,其中的pyName字段是各个省XML的文件名,比 ...
内核kconfig语法及原理
语法 http://www.cnblogs.com/AP0904225/p/5967979.html 目前自己用过一.菜单 menu "desc" endmenu 二.可配菜单 ...
$.when().done().then()的用法
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本. 每个版本都会引入一些新功能.今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象. ...
PHP运行方式
原文链接:http://www.cnblogs.com/xia520pi/p/3914964.html 1.运行模式关于PHP目前比较常见的五大运行模式: 1)CGI(通用网关接口 / Common ...
Spring自学教程-介绍、特点、框架(一)
一.spring是什么,有什么用? 一句话:面向企业应用,使用javabean代替ejb的java应用或web开发. 侵入式的做法就是要求用户代码"知道"框架的代码,表现为用户代码 ...
解决KVM中鼠标不同步问题
VNCViewer中的鼠标走得总是比本地系统中的鼠标要慢,不同步,往往实体机中的鼠标都移出vnc窗口外边了,虚拟机中的鼠标指针还没移到需要点击的位置,操作起来很不方便. 起初的想法也是配置的问题,就按 ...

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

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

随机推荐

热门专题