如何锁定单元格

zyhowe 2005-11-02 04:58:54

偶想拉动滚动条的同时,第一行与第一列(也可能是任意行或列)在窗口的位置不变,就像Excel一样.
当然使用控件方法除外!

...全文

156 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

x123jing 2005-11-02

打赏
举报

关注

dh20156 2005-11-02

打赏
举报

参考，比较简单：
<HTML>
<HEAD>
<TITLE> 类似DATAGRID的表格 </TITLE>
<STYLE type=text/css>BODY {
FONT: 12px 细明体; CURSOR: default
}
TD {
FONT: 12px 细明体; CURSOR: default
}
.title {
BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #ccc; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; CURSOR: default; PADDING-TOP: 1px; BORDER-BOTTOM: #555 1px solid; WHITE-SPACE: nowrap
}
.cdata {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid; WHITE-SPACE: nowrap
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<BODY onload="dzb()">

<div style="width:457px;height:160px;overflow:hidden;border:1px #999999 solid" oncontextmenu="return false">

<div id="dtgMain_Header" style="position:absolute;top:0;left:0;WIDTH:440px;HEIGHT:17px;overflow:hidden" onscroll="gridScroll(this,'dtgMain')">
<TABLE Width="920" style="position:absolute" id="dtgMain" cellpadding="0" cellspacing="0" border="0">
<TR height="17">
<TD width="80" class="title">序号</TD>
<TD width="120" class="title">标题1</TD>
<TD width="120" class="title">标题2</TD>
<TD width="120" class="title">标题3</TD>
<TD width="120" class="title">标题4</TD>
<TD width="120" class="title">标题5</TD>
<TD width="120" class="title">标题6</TD>
<TD width="120" class="title">标题7</TD>
</TR>
</TABLE>
</div>

<div id="dv2" style="position:absolute;top:0px;left:0px;WIDTH:456px;HEIGHT:158px;overflow:scroll;z-index:-1" onscroll="gridScroll(this,'dtgMain')">
<TABLE Width="920" id="dtgMain" cellpadding="0" cellspacing="0" border="0">
<TR height="18"><TD colspan="8"> </TD></TR>
<script>ct()</script>
</TABLE>
</div>

</div>

</BODY>
</HTML>