思享工具箱

table固定首行(一)

摘要：
字符集=gb2312“&gt；}&lt；第3列&lt；溢出；隐藏”&gt；第7列&lt；第8列&lt！隐藏的滚动“&gt；tablewidth=”240“height=”100%“border=”0“cellpadding=”0”cellspacing=“1”bgcolor=“#666666”&gt；tdheight=“20”&gt；
<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="450;overflow:hidden ">
  <!--***********右上-BEGIN********-->

  <table style="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">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
  </table>

  <!--*************左下-END***********-->
 </div>
 </td>
    <td align="left" valign="top">
 <div style="450;height:150;overflow:scroll " onscroll="javascript:syncscroll(this)">
  <!--***********右下-BEGIN***********-->

  <table style="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">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
   <td height="20">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
    </tr>
  </table>

  <!--*************右下-END*****************-->
 </div>
 </td>
  </tr>
</table>
<p id="y">&nbsp;</p>
<p id="x">&nbsp;</p>
</body>
</html>

标签：#lt#amp#gt#= | 浏览：403 | 发布日期：

免责声明：文章转载自《table固定首行(一)》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇CAT 监控搭建Linux终端快速检测网站是否宕机的6个方法下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

WPF一步步实现完全无边框自定义Window(附源码)

   在我们设计一个软件的时候，有很多时候我们需要按照美工的设计来重新设计整个版面，这当然包括主窗体，因为WPF为我们提供了强大的模板的特性，这就为我们自定义各种空间提供了可能性，这篇博客主要用来介绍如何自定义自己的Window，在介绍整个写作思路之前，我们来看看最终的效果。　　 　　图一 自定义窗体主界面 　　这里面的核心就是重写Window的Templ...

spring-入门

1.spring是什么？   spring是一个轻量型的框架，主要体现在管理每一个Bean组件的生命周期，不同Bean组件之间依赖关系上面。   它主要是通过顶层容器BeanFactory来管理每一个Bean组件的生命周期，通过子类ApplicationContext实现工厂模式下每一个Bean组件的创建。 2.两大核心：   IOC/DI：控制反转/依赖...

如何调用部署在SSL下的Web Services

java：In my recent experience, this error appears when there is a problem with the trustStore or trustStorePassword. Make sure you have separate keyStore and trustStore files that...

C#：总结页面传值几种方法

 小知识点： 1.  W7自带 .NetFrameWork 3.5， 兼容模式为 高版本号兼容低版本号； 2. WF和WPF都是基于XAML的，可是两者的用途不同。 WF是一种开发框架，将工作流嵌入在.NET Framework应用程序中，所主要用于开发创建工作流应用程序。WF：http://msdn.microsoft.com/zh-cn/librar...

visual studio编译错误集(转)

1、error C4430: missing type specifier - int assumed. Note: C++ does not support default-int 在项目属性->Configration Properties->C/C++->Command Line页面的Additional Options中加入/wd...

Android 自定义CheckBox 样式

新建Android XML文件，类型选Drawable,根结点选selector，在这定义具体的样式。 <?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">...

最新文章

随机推荐

思享工具箱导航