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

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

时间: 2024-11-05 12:17:21

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

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

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

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

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

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

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

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

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

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

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

固定表格前几列

问题描述 现在在做Eclipse插件开发,遇到一个问题,请大侠们指教.有一个表格(用tableViewer实现的表格)列数太多,现在想固定表格的前两列,让水平滚动条只对后面的列起效果,请问怎么实现?

Excel中数据按行和按列排序的方法

Excel中数据按行和按列排序的方法   上图中的表格是案例,先来对它按第二季度的销售量由低到高排序,再让表格按第2行的某种顺序进行排列. 按列排序 1.选中表格中的"第二季度",切换到"数据"选项卡,在"排序和筛选"中单击"升序"按钮. 2.现在表格已经按列排序完成,效果如上图. 按行排序 1.选中A2至E5单元格区域,切换到"数据"选项卡,在"排序和筛选"组中单击"排序&q

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

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

Excel2007基础教程:选择整行和整列

Excel2007基础教程:选择整行和整列 常常需要选择整行或整列.例如, 需要对整行或整列应用同样的数字格式或相同的对齐方式.选择整行或整列的方式与选择区域的方式相似: 单击行或列的边界,选择单一的行或列. 要选择相邻的多行或多列,单击一行或列的边界,然后通过拖动选择其他的行或列. 要选择不相邻的多行或多列,按住Ctrl 键再单击所需的行或列. 按C位1+空格键选择一列.活动单元格所在的列(或所选单元格所在的列〉将高亮显示. 按Shift+空格键选择一行.活动单元格所在的行(或所选单元格所在的