ASP如何固定表格的标题行和标题列

网上有许关于固定表格的标题行的文章,但是既要固定标题行又要固定标题列的却几乎没有。现我写下如下代码以供大家参考:
  <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"> </td>
   <td> </td>
   <td> </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> </td>
   <td height="20"> </td>
   <td> </td>
   <td> </td>
   <td> </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">

时间: 2024-10-31 14:57:32

ASP如何固定表格的标题行和标题列的相关文章

如何固定表格的标题行和标题列

网上有许关于固定表格的标题行的文章,但是既要固定标题行又要固定标题列的却几乎没有.现我写下如下代码以供大家参考: <html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><script>function

word2013跨页表格如何自动设置标题

  跨页表格首行自动设置标题步骤如下: 步骤一:咱们以Office 2003为例进行介绍,如图1所示,表格首行有标题表示表格的意思,但是第二页中表格首行就没有标题了. 步骤二:现在马上立刻解决这个问题,选中第一页中首行标题,方法是,当鼠标放在标题行左边如图2所示位置,呈现如图中所示形状时,双击鼠标. 步骤三:双击鼠标后,标题行被选中,如图3所示. 步骤四:然后选择"表格"-"标题行重复",如图4所示. 步骤五:此时,再次查看跨页的表格,发现首行标题已经添加上了.如图

excel如何在复制表格时带有行列标题?

  excel如何在复制表格时带有行列标题?我们知道行列标题是单元格默认的名称,这里教大家如何在复制表格时,连带行列标题一起复制,下面就为大家介绍一下,来看看吧! 步骤 首先我们打开一个工作样表作为例子. 选择整个表格并复制粘贴.我们可以看到结果,并不含有行列序列. 我们在页面布局标签面板下,找到打印选项,然后勾选前面的勾选框. 选取整个工作表,并在开始标签面板中点击复制快捷键,在下拉菜单中选择复制为图片. 在新弹出的面板中,点选如打印效果,并点击确定. 选择空白区域,并进行粘贴,得到我们想要的

插入与删除Excel表格单元格行和列

您可以在Excel工作表中活动单元格的上方或左侧插入空白单元格,同时将同一列中的其他单元格下移或将同一行中的其他单元格右移.同样,您可以在一行的上方插入多行和在一列的左边插入多列.您还可以删除单元格.行和列. 注释 Microsoft Office Excel 2007 比以前具有更多的行和列,其新限制如下:宽为 18,278 (A to ZZZ) 列,高为 1,048,576 行. 在工作表中插入空白单元格 1.选取要插入新空白单元格的单元格或单元格区域 (区域:工作表上的两个或多个单元格.区

asp.net-ASP.NET开发web网站中,如何动态控制表格的行其中有4列是跨行的

问题描述 ASP.NET开发web网站中,如何动态控制表格的行其中有4列是跨行的 ASP.NET开发web网站中,如何动态控制表格的行其中有4列是跨行的,跨的行数和表格的行数一致,还有4列是不跨行也不夸列的. 我的想法是用DataList来做,但是试了多次不行,请高手们帮忙看看 解决方案 用程序动态生成行和列

ASP.NET Table 表格控件的使用方法_基础应用

一个Table对象包含多个行TableRow,每一行又包含TableCell,TableCell中可以包含其他的HTML或者服务器控件作为Web服务器控件. 一.Table中的属性 Table对象: BackImageUrl 表格的背景图像的URL Caption 表格标题 CaptionAlign 标题文本对齐方式 CellPadding Table单元格内容和单元格边框之间的空间量(单位:像素) CellSpacing 相邻单元格之间的空间量 Rows Table控件中行的集合 TableR

制作强制固定表格大小的效果

强行固定表格大小,一般情况下,如果文字增多表格会自动伸展,而这个脚本可以固定表格大小,文字增多会出现表格内的滚动条,看似仿佛是内帧,感觉非常有用.    "互动学院"经过一年多的努力与网友们的支持,今天终于推出的新的版本.改版后的网站,将立足于互联网在线的教程,有助你更好地掌握电脑的操作.软件的使用. 为了能更好地为大家服务, 以后将会有更多的精彩内容献给大家,请大家继续关心支持"互动学院",同时本站欢迎有相同爱好的朋友一起加盟"互动学院"!  

固定表格行列(expression)在IE下适用

本文为大家介绍下使用expression固定表格行列,这是一种在IE下适用的固定行列的方法,感兴趣的朋友可以学习下,希望对大家有所帮助   这是一种在IE下适用的固定行列的方法.其具体代码如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title>

jsp-我想固定表格的前三列 求大神指教 急急急 在线等

问题描述 我想固定表格的前三列 求大神指教 急急急 在线等 表格是这样的 就是固定前三列 然后让它有滚动条可以拖动看后面的数据 做成这种显示结果的 下拉不用做 只做想有拉的效果 解决方案 easyui的datagrid有固定列的功能 http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem= 看Frozen Columns in DataGrid这个示例 解决方案二: