CSS实现冻结表头(转）

最新推荐文章于 2024-07-26 14:07:49 发布

iushnauh

最新推荐文章于 2024-07-26 14:07:49 发布

阅读量341

点赞数

分类专栏： View Tier 文章标签： CSS VBScript Microsoft HTML

本文链接：https://blog.csdn.net/iushnauh/article/details/83741360

版权

View Tier 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<%@ Language=VBScript %>
<%
xcnt = 50
ycnt = 60
%>
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<style type="text/css">
      .FixedTitleRow
        {
            position: relative; 
            top: expression(this.offsetParent.scrollTop-2); 
            z-index: 10;
            background-color: #E6ECF0;
        }
        
        .FixedTitleColumn
        {
            position: relative; 
            left: expression(this.parentElement.offsetParent.scrollLeft-2);
        }
        
        .FixedDataColumn
        {
            position: relative;
            left: expression(this.parentElement.offsetParent.parentElement.scrollLeft-2);
            background-color: #E6ECF0;
        }

</style>

</HEAD>
<BODY>
<div style="width:800px;height:560px;overflow:scroll;">
	<Table border=1>
		<tr class="FixedTitleRow">
			<th class="FixedTitleColumn">xxxx1</th>
			<th class="FixedTitleColumn">xxxx2</th>
			<th class="FixedTitleColumn">xxxx3</th>
		<%For x = 4 to xcnt%>
			<th class="">th<%=x%></th>
		<%Next%>
		</tr>
	<%For y = 1 to ycnt%>
		<tr>
			<td class="FixedDataColumn">xxxxyyyy</td>
			<td class="FixedDataColumn">xxxxyyyy</td>
			<td class="FixedDataColumn">xxxxyyyy</td>
		<%For x = 4 to xcnt%>
			<td>td<%=x%>,<%=y%></td>
		<%Next%>	
		</tr>
	<%Next%>	
	</table>
</div>
</BODY>
</HTML>

iushnauh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS实现冻结表头(转）

&lt;%@ Language=VBScript %&gt;&lt;%xcnt = 50ycnt = 60%&gt;&lt;HTML&gt;&lt;HEAD&gt;&lt;META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"&gt;&lt;style type="text/c
复制链接

扫一扫

专栏目录