关于表格锁定表头的问题

procn 2003-10-23 01:10:54
在asp 中如果遇到输出比较大的表格时我们就想将表格的表头锁定住这样查看起来比较方便, 就象是在excel中点表格一样,
...全文
474 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
procn 2003-10-23
  • 打赏
  • 举报
 回复
比如总共有10列，希望当拖动水平滚动条的时候，前5列一直显示，不滚动，只是后5列滚动，但是当拖动垂直滚动条的时候这10列还必须一起向上滚动，这问题怎么解决？
procn 2003-10-23
  • 打赏
  • 举报
 回复
垂直滚动的问题awaysrain(绝对零度) 大侠已经解决了，但是水平滚动的问题现在还没法解决。
procn 2003-10-23
  • 打赏
  • 举报
 回复
表格太大，所以必须用滚动条，但是希望当拖动垂直滚动条的时候第一行（表头，表示列名）不动，不会拖到上边看不到了，同样希望拖动水平滚动条的时候，左边的有些列不动，不会拖得看不到了，一直显示。敬请赐教。
pzlk 2003-10-23
  • 打赏
  • 举报
 回复
不太明白你说的意思
用表格嵌套!
procn 2003-10-23
  • 打赏
  • 举报
 回复
非常感谢，请问我怎么把我的分数给你？我是个菜鸟，不会，请教教我。
chenmei 2003-10-23
  • 打赏
  • 举报
 回复
up
awaysrain 2003-10-23
  • 打赏
  • 举报
 回复
是HTM中，据我所知好象没有
procn 2003-10-23
  • 打赏
  • 举报
 回复
有没有现成的控件可以用，我知道在VB中可以用VSFlexGrid控件的FixedCols和FixedRows属性来锁定列和行，不知道ASP中有没有这样的控件？

awaysrain 2003-10-23
  • 打赏
  • 举报
 回复
要是即锁定行有锁定列应该比较麻烦
procn 2003-10-23
  • 打赏
  • 举报
 回复
非常感谢！
procn 2003-10-23
  • 打赏
  • 举报
 回复
能不能锁定列?
procn 2003-10-23
  • 打赏
  • 举报
 回复
有没有这样的组件或者控件？或者这样的例子？
awaysrain 2003-10-23
  • 打赏
  • 举报
 回复
<html>
<head>
<title>
main
</title>
<STYLE type=text/css>
.sort-table {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; BACKGROUND: window; FONT: Icon; BORDER-LEFT: buttonshadow 1px solid; COLOR: windowtext; BORDER-BOTTOM: buttonshadow 1px solid
}
.sort-table THEAD {
BACKGROUND: buttonface
}
.sort-table THEAD TD {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BORDER-LEFT: buttonhighlight 1px solid; CURSOR: default; BORDER-BOTTOM: buttonshadow 1px solid
}
.sort-table TBODY TD {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BORDER-LEFT: buttonhighlight 1px solid; CURSOR: default; BORDER-BOTTOM: buttonshadow 1px solid
}

</STYLE>
<script language="JavaScript">
function fixTable()
{
for(var i=0;i<mainTableHead.rows[0].cells.length;i++)
{
if(mainTableHead.rows[0].cells[i].offsetWidth>eval("col" + i).offsetWidth)
{
eval("col" + i).style.width = mainTableHead.rows[0].cells[i].offsetWidth-10
}
else
{
mainTableHead.rows[0].cells[i].style.width=eval("col" + i).offsetWidth-10
}
}

if(mainTableHead.offsetWidth>mainTableBody.offsetWidth)
{
mainTableBody.style.width = mainTableHead.offsetWidth
}
else
{
mainTableHead.width = mainTableBody.offsetWidth
}
Layer1.style.width = Layer1.scrollWidth+16
Layer1.style.height = document.body.clientHeight - Layer1.offsetTop

}
window.attachEvent("onresize",new Function("fixTable()"))
window.attachEvent("onload",new Function("fixTable()"))
</script>
</head>
</head>


<TABLE class=sort-table cellSpacing=0 cellPadding=4 id=mainTableHead>
<THEAD>
<TR id="mainHead" align="middle">
<TD noWrap>COMID</TD>
<TD noWrap>AREACODE</TD>
<TD noWrap>CODE</TD>
<TD noWrap>A410102</TD>
<TD noWrap>A410103</TD>
<TD noWrap>A410104</TD>
</TR>
</THEAD>
</TABLE>
<DIV id=Layer1 style="Z-INDEX: 1; OVERFLOW: auto; POSITION: absolute;height=300">
<TABLE class=sort-table cellSpacing=0 cellPadding=4 id="mainTableBody">
<COLGROUP>
<COL id="col0">
<COL id="col1">
<COL id="col2">
<COL id="col3">
<COL id="col4">
<COL id="col5">
</COLGROUP>
<TBODY>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>

</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>3</TD>
<TD noWrap>3</TD>
<TD noWrap>3105</TD>
<TD noWrap>3206</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>1</TD>
<TD noWrap>1</TD>
<TD noWrap>1101</TD>
<TD noWrap>1202</TD>
</TR>
<TR>
<TD noWrap>A111A41001</TD>
<TD noWrap>13</TD>
<TD noWrap>2</TD>
<TD noWrap>2</TD>
<TD noWrap>2103</TD>
<TD noWrap>2204</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</body>
</html>
爱英思躺 2003-10-23
  • 打赏
  • 举报
 回复
使用Frame,
表头在主页面中
动态数据在Frame页中
vue表格实现固定表头首列
在Vue移动端项目中，开发人员经常遇到需要创建具备固定表头和首列的表格，以提供良好的用户体验。本文将详细讲解如何在不依赖任何UI框架或插件的情况下，利用Vue的核心特性实现这样一个功能。 首先，我们需要理解...
Android可固定表头和第一列自定义表格
Android可固定表头和第一列自定义表格，集成简单。 API使用说明： LockTableView mLockTableView=new LockTableView(this,mContentView,mTableDatas); mLockTableView.setLockFristColumn(true) //是否锁定第一列 ...
固定table表头的插件
在实际应用中，"golovko-Fixed-Header-Table-aa40378"插件可能提供了更高级的功能，如自定义样式、滚动平滑效果、多列固定等，使得固定表头的实现更加灵活和强大。开发者可以通过解压并查看压缩包中的文件，学习其...
bootstrap表格固定表头并且tbody部分添加滚动条
Bootstrap表格在设计网页时是一种非常常用的组件，尤其在处理大量数据时，为了提供更好的用户体验，我们经常需要在tbody部分添加竖向滚动条，同时保持表头固定不动。这样，当用户滚动内容时，表头始终保持可见，便于...
表格表头固定 内容可以滚动（示例）
为了解决这个问题，我们可以通过技术手段使表格表头固定，而表格内容则可以正常滚动。 #### 二、技术实现原理 为了实现表格表头固定的功能，我们需要利用CSS中的`position`属性来定位表头元素，同时通过设置`...
ASP

28,408

社区成员

356,956

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章