固定表头带滚动条的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 ...
随机推荐
- SSL 通信原理及Tomcat SSL 双向配置
SSL 通信原理及Tomcat SSL 双向配置 目录1 参考资料 .................................................................. ...
- BP神经网络的Java实现
http://fantasticinblur.iteye.com/blog/1465497
- tooltip 鼠标移动上去出现图片或文字与title大同小异
代码如下: <script type="text/javascript" src="jquery-1.3.2.min.js"></script ...
- Ubuntu上CUDA和CUDNN的安装
Ubuntu上CUDA的安装 下载路径: CUDA下载 `sudo dpkg -i cuda-repo-ubuntu1504-7-5-local_7.5-18_amd64.deb` `sudo apt ...
- 编译安装CoreSeek-4.1
编译安装CoreSeek-4.1 yum -y install expat-devel* wget http://www.coreseek.cn/uploads/csft/4.0/coreseek- ...
- 模块之dir函数
dir()函数你可以使用内建的dir函数来列出模块定义的标识符.标识符有函数.类和变量.当你为dir()提供一个模块名的时候,它返回模块定义的名称列表.如果不提供参数,它返回当前模块中定义的名称列表. ...
- (简单) ZOJ 3209 Treasure Map , DLX+精确覆盖。
Description Your boss once had got many copies of a treasure map. Unfortunately, all the copies are ...
- Unity3D中的函数方法及解释
一.刷新函数 Update 当MonoBehaviour启用时,其Update在每一帧被调用. LateUpdate 当Behaviour启用时,其LateUpdate在每一帧被调用. FixedUp ...
- CodeForces 626B Cards
瞎搞题...凭直觉+猜测写了一发,居然AC了.. #include<cstdio> #include<cstring> #include<cmath> #inclu ...
- Handler和Message以及Looper之间的三角关系
说到Handler想必大家都经常用到,在非UI线程更新UI那可是利器,用起来也非常容易上手 从使用上来说,我们只需要关注sendMessage和handleMessage即可 所以我们先从Handle ...