课程咨询 :025-84812726

南京.NET培训 > 达内新闻 > ASP.NET页面中冻结DataGrid的列或头部
  • ASP.NET页面中冻结DataGrid的列或头部

    发布:南京net培训      来源:南京达内      

  • 南京net培训】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>


    推荐文章

上一篇:ASP.NET热点问题解答14个

下一篇:自定义ASP.NET CheckBox的设计思路

最新开班日期  |  更多

.NET工程师--全日制班

.NET工程师--全日制班

开班日期:04-28

.NET—零基础周末班

.NET—零基础周末班

开班日期:04-28

.NET—零基础全日制

.NET—零基础全日制

开班日期:04-28

.NET工程师--周末班

.NET工程师--周末班

开班日期:04-28

  • 地址:南京市龙蟠中路30号东来商务中心A座5楼
  • 课程培训电话:025-84812726     全国服务监督电话:400-111-8989
  • 服务邮箱 tousu@tedu.cn
  • 2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56