demojava
- 浏览: 540777 次
- 性别:
- 来自: 上海
-
文章分类
最新评论
-
coosummer：
推荐使用http://buttoncssgenerator.c ...
【转载】CSS圆角按钮（一） -
saiarmuluo：
不错，支持。
java log4j日志 写入数据库 -
springdata_springmvc：
spring mvc demo教程源代码下载，地址：http: ...
Freemarker 使用 -
zlbdexiaohao：
棒棒的
flex ToolTip汇总 -
hw_128：
demo的代码的，能不能发一下，谢谢 qq257515270 ...
java log4j日志 写入数据库
Html:如何固定表格的标题行和标题列
转载连接：
http://www.ninedns.com/html/20074221600272299.html
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script>
function syncscroll(obj)
{
//y.innerHTML = obj.scrollTop;
//x.innerHTML = obj.scrollLeft;
scroll1.children[0].style.position = "relative";
scroll2.children[0].style.position = "relative";
scroll1.children[0].style.left = "-"+obj.scrollLeft;
scroll2.children[0].style.top = "-"+obj.scrollTop;
}
</script>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<!--*********左上-BEGIN***********-->
<table width="240" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="80" >
<col width="80" >
<col width="80" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td height="20">列1</td>
<td>列2</td>
<td>列3</td>
</tr>
</table>
<!--**************左上-END**********-->
</td>
<td>
<div id='scroll1' style="width:450;overflow:hidden ">
<!--***********右上-BEGIN********-->
<table style="width:900 " height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td>列4</td>
<td height="20">列5</td>
<td>列6</td>
<td>列7</td>
<td>列8</td>
</tr>
</table>
<!--************右上-END**********-->
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div id='scroll2' style="height:150;overflow-y:hidden;overflow-x:scroll">
<!--*************左下-BEGIN**************-->
<table width="240" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="80" >
<col width="80" >
<col width="80" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--*************左下-END***********-->
</div>
</td>
<td align="left" valign="top">
<div style="width:450;height:150;overflow:scroll " onscroll="javascript:syncscroll(this)">
<!--***********右下-BEGIN***********-->
<table style="width:900 " height="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td width="100" height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--*************右下-END*****************-->
</div>
</td>
</tr>
</table>
<p id="y"> </p>
<p id="x"> </p>
</body>
</html>
转载连接：
http://www.ninedns.com/html/20074221600272299.html
分享到：
发表评论
-
Canvas 精度条 demo
2012-12-13 15:49 1060帮 问答 模块一哥们写demo 效果图如下： < ... -
javascrip Function
2012-02-04 11:48 1237javascript函数在javascirpt 1 ... -
一款非常不错的jquery window
2012-01-12 12:36 0jQuery Window Plugin htt ... -
ie打印接口带自动分页
2012-01-04 19:52 37442009-09-15 JavaScript IE打印接口带自动 ... -
javascript - scrollTop,offsetTop
2011-12-21 16:49 0<html> <head> ... -
转载html-IFream
2011-07-29 16:55 893本文为转载，非原创 ... -
javascript解析xml(IE,FF)
2011-03-11 20:07 2373IE写法： xmlDoc=new ActiveXObject ... -
javascript属性带特殊符号处理(#,.\)
2011-02-24 09:03 2369本文个人总结：转载请表明出处：http://demojava. ... -
javascript select 操作
2011-01-06 13:32 1055js操作select 1.判断select选项中 是否存 ... -
js时间验证
2011-01-04 09:35 1702// 验证输入的日期 //startdate_st ... -
CSS-background-position
2010-12-17 13:46 1466#edit_bar{ width:99%; margin:5 ... -
javascript打开页面方法
2010-10-18 10:19 2694判断是否在框架集中打开页面的if(location!=top. ... -
如何用js获取table第1行第2列的值
2010-10-11 10:17 3865<html><head > < ... -
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
2010-08-25 14:33 1273IE6.0、IE7.0 与FireFox CSS兼容的解决方法 ... -
表单点击提交按钮后变成灰色不可再次点击
2010-08-20 16:20 4130<html> <head><m ... -
Yahoo!,Jquery,prototype与Ext适配器文件引入顺序
2010-08-18 18:09 1119ext的适配器文件引入顺序:Ext ext-base ... -
javascript常用的刷新页方法浅谈
2010-08-12 17:06 1077Javascript刷新页面的几种方法：1 histor ... -
js正则表达士
2010-07-29 21:36 949这是我发了不少时间整理的C#的正则表达式，新手朋友注意一定要手 ... -
JScript中正则表达式用法详解
2010-07-29 21:32 924首相讲讲JScript ... -
Javascript中最常用的经典技巧
2010-07-29 21:31 7561. oncontextmenu="window.e ...
相关推荐
非常实用的js固定表格标题和列的实例，兼容IE6以上以及火狐、谷歌等浏览器。 尤其对页面报表非常使用。
Javascript脚本实现HTML页面中表格Table的标题行固定位置，并与表格内容对齐。
通过这个标记可以直接添加表格的标题，而且可以控制标题文字的排列属性。 基本语法 … 语法解释 标记之间的就是标题的内容，这个标记使用在标记中. 文件范例：10—14.htm 通过标记设定表格的标题。01 <!– ——...
HTML5_html表头固定不滚动而内容滚动的效果，表格是基于Div CSS实现的，将表头固定住不滚动，而表格里面的每行数据随滚动条滚动。在显示较多数据时，当用户滚动鼠标中轮时，表格内容会滚动，而表头固定不变，可以将...
默认的表格标题放在表格上方。 基本语法 … “> … 语法解释 TOP为居上，BOTTOM为居底。 文件范例：10-16.htm 通过标记的VALIGN属性设定表格标题的垂直对齐。01 <!– —————————— –>02 <!– 文件...
这是通过使用表标题，所有左列和左上角的副本作为左列的标题来实现的。 然后，根据元素和滚动方向，使用style.position值“ fixed”或“ absolute”将这些元素放在表格的顶部或左侧。 有关用法和实现的详细信息，...
HTML:超文本标题语言 网页基本组成：音频，视频，链接，图片，文字 web标准的好处 1.让web的发展前景更加广阔 2.内容能被更广泛的设备访问 3.更容易被搜索引擎搜索 4.降低网站流量费用 5.使网站更易于维护 6.提高...
本网页是利用table制作！为了文本能够更好的显示，所以采用表格布局!
jquery表格标题固定特效代码.zip
tablesorter实现HTML表格点击表头排序，同样适用于JSP、PHP等主流Web开发
当表格头部固定时，需要分为两个表格来做：一部分是thead，一部分是tbody，具体实现方式如下： html代码： <th><div>标题一</div></th> <th><div>标题二</div></th> <th><div>标题三</div></th> <th>...
这样的需求不在少数，比如表格中相邻的列具有相同的内容，那么标题就完全可以使用一个，那么合并标题就是十分重要的，让用户感觉也会更加人性化，代码实例如下: <!DOCTYPE html> <html> <head> <...
这是通过使用表标题，所有左列和左上角的副本作为左列的标题来实现的。 然后，根据元素和滚动方向，使用style.position值“ fixed”或“ absolute”将这些元素放在表格的顶部或左侧。 有关用法和实现的详细信息，...
默认情况下，表格的标题水平居中，我们可以通过ALIGN属性设定标题文字的水平对齐方式。 基本语法 … … … 语法解释 LEFT为居左，CENTER为居中，RIGHT为居右。 ...–文件说明：设定表格标题的水平
js表格特效制作js表格排序表格内容可筛选排序有51个人转采,5个人赞,18个人评论。... js表格特效制作一个js表格排序筛选,点击表格标题,子内容按大小、字母先后顺序
行的控制 文字的对齐 文字的分区 列表 定制列表元素 预格式化文本 空白 多列文本 图象 基本语法 和文字的对齐 在页面中的对齐/布局 边框 客户端图象映射图 表单 基本语法 文字和密码 复选和单选 ...
列 1 ”1”> 表格 数据行 张三 <td> 男 <td> 19 数据项 ？ 表格边框 1 有表 头 的 表 格 1 有标题的 表 格 属性 值 描述 align left/center/right 不赞成使用。请使用样式代替。 规定表格相对周围元素的对齐...
NULL 博文链接：https://feng5588feng.iteye.com/blog/1486666
主要实现的目的就是：将表格的列标题转化为按钮，点击不同的列标题，便按相应的列对数据进行排序。比如学生信息表，我点击“生日”列，这张表便按生日排序将结果呈现在我们面前。使用ajax来调用本页也避免了刷新页面...