固定表头带滚动条的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 ...
随机推荐
- Pythagorean Triples
Pythagorean Triples time limit per test 1 second memory limit per test 256 megabytes input standard ...
- Struts拦截器使用
创建拦截器java程序 package cn.itcast.oa.util; import com.opensymphony.xwork2.ActionInvocation; import com.o ...
- iOS开发 改变UINavigationController的UINavigationBar的高度和背景图片
1.改变高度 自定义UINavigationBar的新类别: //UINavigationBar+BackgoundImage.h #import <Foundation/Foundation. ...
- memcached命令和配置
转自:http://www.tuicool.com/articles/VJzAvuB 安装配置 首先,编译.安装.配置libevent库,执行如下命令: wget https://github.com ...
- NPOI使用Datatable导出到Excel
首先要引用dll 下载地址:http://pan.baidu.com/s/1dFr2m 引入命名空间: using NPOI.HSSF.UserModel;using NPOI.SS.UserMode ...
- 部署项目时遇到的问题---IIS7.X配置ASP.NET MVC4
1.安装.NET Frameword4.0框架.如果先装IIS后装4.0框架的话,要在IIS注册4.0框架.具体方法见下图 .NET框架版本请根据操作系统版本自行选择.注册完后,在“ISAPI和CGI ...
- MQ-2烟雾传感器启动
MQ-2气体传感器所使用的气敏材料是在清洁空气中电导率较低的二氧化锡(SnO2).当传感器所处环境中 存在可燃气体时,传感器的电导率随空气中可燃气体浓度的增加而增大.使用简单的电路即可将电导率的 变化 ...
- 了解HTML/HTML5中的download属性
一.download属性是个什么鬼? 首先看下面这种截图: 如果我们想实现点击上面的下载按钮下载一张图片,你会如何实现? 我们可能会想到一个最简单的方法,就是直接按钮a标签链接一张图片,类似下面这样: ...
- 写一篇 Bootstrap弹窗确认的文章。本周完成
思路; 点击按钮,显示模态 点击确定,异步提交 根据结果,删除指定的记录
- Eclipse配置Git发布项目到Github
很牛叉的博客http://blog.csdn.net/luckarecs/article/details/7427605 一.安装插件 菜单栏Help --> Install New Softw ...