固定表头带滚动条的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 ...
随机推荐
- Naive Bayes在mapreduce上的实现
Naive Bayes是比较常用的分类器,因为思想比较简单.之所以说是naive,是因为他假设用于分类的特征在类确定的条件下是条件独立的,这个假设使得分类变得很简单,但会损失一定的精度. 具体推导可以 ...
- JUnit----单元测试
为什么进行单元测试? 1. 重用测试, 应付将来实现的变化. 2. 明确指定我的东西是没问题的. Failure, error的区别? Failure只测试失败, Error指程序本身出错 1. ne ...
- 从url下载图片--java与python实现方式比较
从url下载图片--java与python实现方式比较 博客分类: 技术笔记小点滴 javapython图片下载 一.java的实现方式 首先读取图片 //方式一:直接根据url读取图片 priva ...
- [Unity]C#中 将XML和实体类之间进行相互转换的工具类
using System; using System.Xml; using System.Xml.Serialization; using System.IO; namespace LOTool { ...
- OPENCV直方图与匹配
直方图可以用来描述不同的参数和事物,如物体的色彩分布,物体的边缘梯度模版以及目标位置的当前假设的概率分布. 直方图就是对数据进行统计的一种方法,并且将统计值定义到一系列定义好的bin(组距)中,获得一 ...
- C# MODBUS协议 上位机(转)
源:C# MODBUS协议 上位机 C#写了一款上位机监控软件,基于MODBUS_RTU协议. 软件的基本结构: 采用定时器(Timer控件)为时间片. 串口采用serialPort1_DataRec ...
- jquery中，使用append增加元素时，该元素的绑定监听事件失效
举例:如果在一个<div id="resultArea"></div>中,通过append添加一个id="checkOutTip"的文本 ...
- 11、手把手教你Extjs5（十一）模块界面的总体设计
上一节中设计了一些模块自定义中用到的要素,为了直观起见,这一节先建立一个模块的主界面.看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了.一个模块的主界面是一个Grid,在其上方 ...
- Laravel5 model create使用
1.在laravel的Eloquent ORM中,默认表会有created_at.updated_at两个字段,因此在使用create函数时若表无这两个字段会出错,可以设置 public $times ...
- LPC1788的LCD接口驱动真彩屏
#ifndef __LCD_H_ #define __LCD_H_ #include "common.h" #include "debugserial.h" # ...