代码改变世界

表达式实现DataGird滚动而表头不动

2005-06-10 09:55  无常  阅读(1179)  评论(0)  编辑  收藏  举报
CSS
        <style>
                .fixTitle { BACKGROUND: navy; COLOR: white; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }
        .scorllDataGrid { OVERFLOW-Y: scroll; HEIGHT: 300px }
        </style>

html部分：
<div class="scorllDataGrid">
                        <asp:datagrid id="dgClassList" runat="server" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px"
                            BackColor="White" CellPadding="4" AutoGenerateColumns="False">
                            <FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>
                            <SelectedItemStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedItemStyle>
                            <ItemStyle ForeColor="#003399" BackColor="White"></ItemStyle>
                            <HeaderStyle Font-Bold="True" ForeColor="#CCCCFF" CssClass="fixTitle" BackColor="#003399"></HeaderStyle>
                            <Columns>
                            
                            </Columns>
                            <PagerStyle HorizontalAlign="Left" ForeColor="#003399" BackColor="#99CCCC" Mode="NumericPages"></PagerStyle>
                        </asp:datagrid></div>

效果：