- 浏览: 1578650 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (603)
- T_java (145)
- T_script&ASP (51)
- T_C/C++ (25)
- T_PowerBuilder (11)
- T_Database (53)
- T_odoo (7)
- T_应用服务器 (50)
- T_专_条形码 (6)
- T_专_负载均衡器 (4)
- T_操作系统 (94)
- T_信息安全 (41)
- T_专_搜索引擎 (14)
- T_L_PHP (58)
- T_L_Delphi (18)
- T_L_.NET、C#、VisualStudio (25)
- T_L_Objective-C (6)
- T_移动开发 (53)
- T_网络 (109)
- T_大数据 (2)
- T_嵌入式 (2)
- T_小众技术 (24)
- T_未分类 (58)
- L_旅游印记 (1)
- L_生活随笔 (48)
- L_中国文化 (18)
- L_户外与生存 (0)
最新评论
-
csbean4004:
不知道哪传来得恶习,发帖子不好好发,故意弄错一些东西,很讨厌
让HTML5支持后置摄像头 -
withthewind:
终于找到一个可以用的了。。。
如何用VBA取得Word文档中的标题前面的序号 -
busbby:
兄弟,无法下载,说文件不完整
一个好用的Outlook ost格式文件转pst文件的工具 -
yijavakevin:
密码啊~解压密码多少?
一个二维条形码组件 -
vipbooks:
你给的那个链接根本无法下载,跳到官网看了下最新版12M,但点下 ...
十步以内完成精细web打印
该代码来自于 http://www.ntsfjc.com/blog/post/15.html ,代码就不重复贴了,就贴个图吧。
==================================================================
下面是另一个表头固定的例子,经测试在IE7、Chrome和Firefox上都没问题:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Creative Pharmaceutical</title> <link href="css/common.css" rel="stylesheet" type="text/css"/> <style type="text/css"> BODY { font-size: 0.75em; background-color: #f2f5f0 !important; color: #000000; margin-top: 0px; margin-bottom: 0px; } TABLE { /*border: 1px #19197a solid;*/ border: 0px #19197a solid; border-collapse: collapse; /* margin-top: -1px; */ } TABLE TD { background-color: #ffffff; border: 1px solid; color: #000000; height: 1.8em; text-align: left; word-break:break-all; } TABLE TH { background-color: #5279e7; border: 1px solid; color: #ffffff; height: 1.8em; padding-left: 1em; text-align: left; word-break:break-all; } TABLE THEAD TH { padding-left: 1px; text-align: center; white-space: wrap; } </style> <script language="javascript"> var ScrollableTable = { init: false, _scrollBarWidth : 18, set: function(id, width, height, overflowX, center) { if (this.init) { return; } if (overflowX == null) { overflowX = false; } if (center == null) { center = false; } var masterTable = document.getElementById(id); if (masterTable == null) { alert("Err \n no table "); return; } if (masterTable.tHead == null) { alert("err\n no <THEAD>"); return; } if (masterTable.caption != null) { masterTable.caption.innerHTML = ""; } var thHeight = masterTable.tHead.offsetHeight; var tableHeader = masterTable.cloneNode(true); tableHeader.id = tableHeader.id + "_H"; while (tableHeader.tBodies[0].rows.length) { tableHeader.tBodies[0].deleteRow(0); } tableHeader.style.position = "absolute"; tableHeader.style.left = "0"; tableHeader.style.top = "0"; var divHeader = document.createElement("div"); divHeader.id = "D_" + tableHeader.id; divHeader.style.width = width + "px"; divHeader.style.height = thHeight + "px"; divHeader.style.overflow = "hidden"; divHeader.style.position = "relative"; divHeader.appendChild(tableHeader); masterTable.parentNode.insertBefore(divHeader, masterTable); var tableBody = masterTable.cloneNode(true); tableBody.id = tableBody.id + "_B"; tableBody.deleteTHead(); var divBody = document.createElement("div"); divBody.id = "D_" + tableBody.id; divBody.style.width = (width + this._scrollBarWidth) + "px"; divBody.style.height = height + "px"; if (overflowX) { divBody.style.overflow = "scroll"; } else { divBody.style.overflowY = "scroll"; divBody.style.overflowX = "auto"; } if (center) { divBody.style.marginLeft = this._scrollBarWidth + "px"; } divBody.appendChild(tableBody); masterTable.parentNode.insertBefore(divBody, masterTable); masterTable.parentNode.removeChild(masterTable); divBody.onscroll = function() { ScrollableTable._onscroll(divHeader.id, divBody.id) }; this.init = true; }, _onscroll: function(divHeaderId, divBodyId) { var divHeader = document.getElementById(divHeaderId); var divBody = document.getElementById(divBodyId); divHeader.firstChild.style.left = "-" + divBody.scrollLeft + "px"; } } </script> </head> <body> <TABLE id="DataTable" style="width:600px"> <THEAD> <tr> <th style="width:100px">Colum01</th> <th style="width:100px">Colum02</th> <th style="width:100px">Colum03</th> <th style="width:100px">Colum04</th> <th style="width:100px">Colum05</th> <th style="width:100px">Colum06</th> </tr> </THEAD> <TBODY> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td style="width:100px">QQQQQQQQQQQQQQQQQQQQ</td> <td style="width:100px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td style="width:100px">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td> <td style="width:100px">CCCCCCCCCCCCCCCCCCCCCCCCCCCCC</td> <td style="width:100px">DDDDDDDDDDDDDDDDDDDDDDDD</td> <td style="width:100px">EEEEEEEEEEEEEEEEEEEEE</td> </tr> <tr> <td> </td><td> </td><td> </td><td> </td><td> </td><td> </td> </tr> <tr> <td> </td><td> </td><td> </td><td> </td><td> </td><td> </td> </tr> <tr> <td> </td><td> </td><td> </td><td> </td><td> </td><td> </td> </tr> </TBODY> </TABLE> <SCRIPT type="text/javascript"> if(document.getElementById("DataTable")){ ScrollableTable.set('DataTable', 600, 500,true); } </script> </body> </html>
评论
1 楼
holy_night
2012-08-21
[flash=200,200][/flash][u][/u]
[flash=200,200][/flash][size=x-small][/size][align=center][/align][color=red][/color]
引用
发表评论
-
SpringBoot Fat Jar解压运行
2018-06-28 21:40 2185SpringBoot已经成为当前最流行的微服务 ... -
一句话实现五星评分显示
2018-06-05 08:31 947Python: rate = 1 #rate 取值 ... -
TeamViewer13+Patch
2018-05-13 22:19 3132下载地址: https://www.datafilehos ... -
来算google的可视化编程工具——Blockly,不仅仅是玩具
2017-10-16 21:34 32736Blockly - 来自Google的可 ... -
Linux挂载阿里云对象存储OSS作为本地磁盘扩充空间备份网站
2017-09-25 08:54 1845p.s.挂载oss之后,使用rsync可以同步图片数据,非 ... -
Chrome核心的自定义浏览器
2017-07-04 17:19 791以Chrome为核心的自定义浏览器源代码,有时候可能用得到,保 ... -
十步以内完成精细web打印
2017-06-21 11:44 7293注意: 康虎云报表组 ... -
浏览器端精准打印或套打组件
2017-01-18 13:05 6642注意: 康虎云报表 ... -
让ie6 7 8 9支持html5 websocket
2016-12-23 20:52 2197结果: 从github上的 web ... -
如何让三列div中间那个自适应宽度
2016-12-03 18:46 668效果如图: 直接上代码,具体看注释: < ... -
网站获取用户手机号码的方法、系统、客户端及服务器(坑爹的玩意儿)
2016-11-22 14:22 2190网站获取用户 ... -
Ubuntu16.04上安装MT7601网卡驱动(TL-W725N/W725N)
2016-09-15 23:01 0I suggest you get a temporary ... -
如何在palcedoler中放置图标
2016-09-10 09:52 602如何在H5的palceholder中设置一个图标? ... -
一个下载youtube视频的Linux工具
2016-07-01 08:50 860我们要介绍工具是youtube-dl。这是一个跨平台的工具, ... -
Windown下最简安装nodejs和npm
2016-06-20 21:03 639Windown下最简安装nodejs和npm 一、下 ... -
另一个穿透内网的工具(类似ngrok)
2016-06-20 20:26 4740前段时间介绍过两种把内网端口映射到公网的工具:ngrok ... -
Docker无法拉取镜像的一个解决办法
2016-06-16 12:47 13911在阿里云ECS上安装了docker,安装完成后,运行hell ... -
基于 HTTP/2 的 WEB 内网穿透实现(转)
2016-04-22 15:50 1435基于 HTTP/2 的 WEB 内网穿透实现 HTTP ... -
搭建自己的ngrok服务(转)
2016-04-22 15:42 823搭建自己的ngrok服务 在国内开发、企业号 ... -
一个把内网端口映射到外网的工具ngrok(类似与花生壳)
2016-04-22 14:35 1407Secure tunnels to localhost ...
相关推荐
兼容ie,firfox,chrome的页面广告随机飘动效果.效果非常好。
一款轻量、无依赖的 相同 name 的表单验证,动态验证,兼容 chrome 、firfox 、IE9 +的JavaScript 验证组件
*跨平台性能好,兼容IE,Firfox *可维护性好 *接口简单 *能够表达子菜单 *菜单显示时间不大于1ms/菜单项,响应时间亦如此。 *支持菜单间连线
前端设计IE6IE7IE8IE9FF问题汇总IE和FirFox兼容问题[参照].pdf
一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件,现属于Fire...
HttpWatch是强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理....每一个HTTP记录都可以详细的分析其 Cookies、消息头、字符查询等信息。支持HTTPS及分析报告输出为XML、CSV等格式
Flex调试工具 IE Firfox
selenium ide的chrome的插件,chrome和firfox的webdriver插件,具体使用和问题查看我博客文章
用于判断当前使用的浏览器以及版本,适用于IE、FIRFOX,不支持IE9
firfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfox
本demo使用jQuery包,实现表格列宽可拖拽功能,并实现页面reset时的重新布局。使用jQuery,方便函数的调用,给要处理的表格添加id 后,直接调用$("#id").movedTh()即可方便实现,修改了firfox的兼容性。
NULL 博文链接:https://han2000lei.iteye.com/blog/397779
1 在IE6中,设定height为固定值时,当内容高于此设定值时,div框会自动扩展,而在IE7、IE8与firfox中div高度为固定值,不会扩展。Width同理。 标准 IE6 2 当设定min-height时,在标准浏览器中,表现为与IE6设定固定...
测试源码 博文链接:https://beijingsoft.iteye.com/blog/243419
firfox浏览器,带有firedebug,它将是我们调试脚本程序的最好的工具
HTML5的出现让这一切成为了可能,但是播放器虽然播放了,我们还要关注一下用户的体验度,所以,我们就写了一个HTML兼容的播放器!向下兼容IE6-9、chrome、firfox、opera等主流播放器,应该是全兼容!实现原理代码给...
selenium for firfox安装文件
firfox是一种功能很强大的浏览
加载64位com组件需要64位火狐浏览器