zoukankan      html  css  js  c++  java
  • 在ASP.NET页面中冻结DataGrid的列或头部

     

    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>
     



    Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1210409

  • 相关阅读:
    喵哈哈村的魔法考试 Round #1 (Div.2) 题解
    Codeforces Round #398 (Div. 2) A. Snacktower 模拟
    Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined) F. Souvenirs 线段树套set
    视频人脸检测——Dlib版(六)
    pip/pip3更换国内源
    OpenCV添加中文(五)
    图片人脸检测——Dlib版(四)
    视频人脸检测——OpenCV版(三)
    Tesseract Ocr文字识别
    图片人脸检测——OpenCV版(二)
  • 原文地址:https://www.cnblogs.com/antony1029/p/501505.html
Copyright © 2011-2022 走看看