wdmsyf
- 浏览: 1608251 次
- 性别:
- 来自: 厦门
-
文章分类
- 全部博客 (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 2258SpringBoot已经成为当前最流行的微服务 ... -
一句话实现五星评分显示
2018-06-05 08:31 997Python: rate = 1 #rate 取值 ... -
TeamViewer13+Patch
2018-05-13 22:19 3180下载地址： https://www.datafilehos ... -
来算google的可视化编程工具——Blockly，不仅仅是玩具
2017-10-16 21:34 33120Blockly - 来自Google的可 ... -
Linux挂载阿里云对象存储OSS作为本地磁盘扩充空间备份网站
2017-09-25 08:54 1931p.s.挂载oss之后，使用rsync可以同步图片数据，非 ... -
Chrome核心的自定义浏览器
2017-07-04 17:19 826以Chrome为核心的自定义浏览器源代码，有时候可能用得到，保 ... -
十步以内完成精细web打印
2017-06-21 11:44 7367注意： 康虎云报表组 ... -
浏览器端精准打印或套打组件
2017-01-18 13:05 6695注意： 康虎云报表 ... -
让ie6 7 8 9支持html5 websocket
2016-12-23 20:52 2315结果： 从github上的 web ... -
如何让三列div中间那个自适应宽度
2016-12-03 18:46 716效果如图： 直接上代码，具体看注释： < ... -
网站获取用户手机号码的方法、系统、客户端及服务器(坑爹的玩意儿)
2016-11-22 14:22 2277网站获取用户 ... -
Ubuntu16.04上安装MT7601网卡驱动（TL-W725N/W725N）
2016-09-15 23:01 0I suggest you get a temporary ... -
如何在palcedoler中放置图标
2016-09-10 09:52 640如何在H5的palceholder中设置一个图标？ ... -
一个下载youtube视频的Linux工具
2016-07-01 08:50 934我们要介绍工具是youtube-dl。这是一个跨平台的工具， ... -
Windown下最简安装nodejs和npm
2016-06-20 21:03 683Windown下最简安装nodejs和npm 一、下 ... -
另一个穿透内网的工具（类似ngrok）
2016-06-20 20:26 4830前段时间介绍过两种把内网端口映射到公网的工具：ngrok ... -
Docker无法拉取镜像的一个解决办法
2016-06-16 12:47 14126在阿里云ECS上安装了docker，安装完成后，运行hell ... -
基于 HTTP/2 的 WEB 内网穿透实现(转)
2016-04-22 15:50 1495基于 HTTP/2 的 WEB 内网穿透实现 HTTP ... -
搭建自己的ngrok服务(转)
2016-04-22 15:42 893搭建自己的ngrok服务 在国内开发、企业号 ... -
一个把内网端口映射到外网的工具ngrok(类似与花生壳)
2016-04-22 14:35 1407Secure tunnels to localhost ...
相关推荐
这个项目名为"兼容ie, firfox, chrome的页面广告随机飘动效果"，旨在实现一个能在主流浏览器（Internet Explorer, Firefox, Chrome）上运行的广告飘动特效，确保跨浏览器的兼容性。这种效果通常通过JavaScript库，...
本文将深入探讨一个针对Web应用开发的轻量级JavaScript验证组件，该组件专为处理具有相同name属性的表单字段进行动态验证，并且兼容主流浏览器，包括Chrome、Firefox以及IE9及以上版本。 表单验证是Web应用中不可或...
在本案例中，我们关注的是一个用JavaScript实现的树形菜单，它具有优秀的跨平台兼容性和高效的性能。让我们深入探讨这个JavaScript树形菜单的特点和相关知识点。 首先，这个树形菜单设计的核心在于其对不同浏览器的...
在前端开发过程中，确保网页在不同的浏览器间具有良好的兼容性是一项重要的任务。本文主要讨论了在Internet Explorer（IE）6、7、8、9以及Firefox之间存在的若干常见问题及其解决方案。以下是一些关键知识点的详细...
"单击其它区域关闭日历控件（兼容firfox与IE）"这个主题涉及到的是一个常见的前端交互功能，即如何通过JavaScript或者特定的库来实现日历控件的交互优化，使其在用户选择日期后能够通过点击页面上的其他区域来关闭。...
### FireFox Chrome IE浏览器调试JavaScript #### 一、Firebug简介 Firebug是一款专为Firefox浏览器设计的强大开发插件，自推出以来便受到广大Web开发者的喜爱与推崇。随着Web技术的发展，对Web开发人员的要求...
标题中的“因纳伟盛firfox、chrome插件安装包1.1.rar”指的是一个针对Firefox和Chrome浏览器的插件安装文件，版本为1.1，以RAR格式压缩。这个安装包是由因纳伟盛公司提供的，可能用于增强或扩展浏览器功能，特别是与...
HttpWatch是强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理....每一个HTTP记录都可以详细的分析其 Cookies、消息头、字符查询等信息。支持HTTPS及分析报告输出为XML、CSV等格式
标题中的“firfox”应该是“Firefox”，这是一款由Mozilla开发的开源网络浏览器，而“ie6”指的是微软的Internet Explorer 6，这是一个较旧版本的IE浏览器。本话题主要探讨的是JavaScript在Firefox和IE6这两款浏览器...
firfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfoxfirfox
@ */` 是一个条件注释，只在IE中被解释，用于检测旧版IE（5-8）。 `document.documentMode` 属性则在IE9及以上版本中存在，表示当前页面模拟的IE模式。 2. **Firefox浏览器的判断**： Firefox的`userAgent`字符串...
本demo使用jQuery包，实现表格列宽可拖拽功能，并实现页面reset时的重新布局。使用jQuery，方便函数的调用，给要处理的表格添加id 后，直接调用$("#id").movedTh()即可方便实现，修改了firfox的兼容性。
Selenium IDE是一个记录和回放工具，用于创建和调试自动化测试脚本。在Chrome上，描述中提到的"selenium-ide3.17-解压后，chrome进行安装.zip"很可能是Selenium IDE的Chrome版本，用户可以通过它快速录制测试场景并...
标题中的“firfox最最好用的插件”指的是Firefox浏览器的一些最受欢迎和实用的扩展插件。这些插件能够提升Firefox的使用体验，增加各种功能，满足用户的不同需求。以下是各个插件的详细介绍： 1. **Coral IE Tab**:...
- **Adobe Scout**（已弃用）：曾是Adobe提供的一个性能分析工具，可以深入分析Flex应用的内存占用、渲染和事件处理等性能问题。不过，目前已被Adobe Animate取代，推荐使用更现代的性能分析工具如Adobe Experience...
而Firebug是Firefox的一个插件，它允许开发者对网页的HTML、CSS以及JavaScript进行实时编辑、调试和分析。 Firebug的详细功能包括： 1. **HTML查看和编辑**：Firebug可以让你实时查看和编辑网页的HTML结构，快速...
然而，由于安全性考虑，火狐已经逐步淘汰了NPAPI，所以你需要找到一个替代方案，如"ActiveX Control Container for Firefox"，这是一个可以承载并执行ActiveX控件的插件。 3. **安装和配置插件**：下载并安装所选...
【C# Firfox geckofx-33.0】是一个基于C#的开源项目，它使得.NET开发者能够在他们的应用程序中嵌入Firefox浏览器引擎。这个项目的核心是Geckofx，一个封装了Mozilla的Gecko渲染引擎的库，用于提供Web浏览功能。Gecko...