首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

天极网 > 软件频道>ASP.NET页面中冻结DataGrid的列或头部

ASP.NET页面中冻结DataGrid的列或头部

2006-09-12 13:00作者:蒋涛出处:CSDN责任编辑:方舟

  ASP.NET页面中,有时候我们需要冻结datagrid中的某一列,比如显示的数据项过多时,我们需要让第一列不动,拖动横向滚动条时其他列隐藏,这时就需要冻结列了;另外,有时候也需要让datagrid的头部不动,拖动纵向滚动条时,下面的数据项可以滚动。在实现的过程中,其实就是用了css样式来控制,一起看一下。

  要冻结哪一列,就把fixCol这个CSS加到HeaderStyle-CssClass和ItemStyle-CssClass-->

<style type="text/css">
 .fixCol {}{ ; LEFT: expression(this.offsetParent.scrollLeft); POSITION: relative }
</style>
</HEAD>

<asp:BoundColumn DataField="LastName" HeaderText="姓名">
 <!--下面就是冻结列-->
 <HeaderStyle CssClass="fixCol"></HeaderStyle>
 <ItemStyle CssClass="fixCol"></ItemStyle>
</asp:BoundColumn>

   把fixTitle这个CSS加到DataGrid的HeaderStyle-CssClass和ItemStyle-CssClass-->

<style type="text/css">
 .fixTitle {}{ POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }
</style>
</HEAD>

<!--冻结头部-->
<ItemStyle ForeColor="#330099" BackColor="White" CssClass="fixTitle"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000" CssClass="fixTitle"></HeaderStyle>

<FooterStyle ForeColor="#330099" BackColor="#FFFFCC"></FooterStyle>

关注此文的读者还看过:

返回软件频道首页

共1页。 1
  • 1.ASP.NET页面中冻结DataGrid的列或头部

软件频道最新更新

热点推荐

天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络