开始我用.css写style,
代码为:
<style> 
.Freezing 
   { 
    
   position:relative ; 
   table-layout:fixed;
   top:expression(this.offsetParent.scrollTop);   
   z-index: 10;
   } .Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}
</style> 因为我设置的是Master页中嵌套content页面,并且我要显示的gridview是在content页面,所以<style></style>我放入了master.aspx代码页中,然后在content.aspx中我调用.css样式。
代码为:
            <div style ="overflow-y:auto;Width:660px;Height:170px">
                <asp:GridView ID="GridView1" runat="server"
                    AutoGenerateColumns="False" DataKeyNames="account" Font-Size="Small"
                    RowHeaderColumn="percent2" SkinID="GridView" Width="660px" Height="168px">
                    <Columns>
                        <asp:BoundField HeaderText="编号" ReadOnly="True" />
                        <asp:BoundField DataField="account" HeaderText="帐号" ReadOnly="True" SortExpression="account" />
                        <asp:BoundField DataField="cust_name" HeaderText="客户名" SortExpression="cust_name" />
                        <asp:BoundField DataField="curr_name" HeaderText="币种" SortExpression="curr_name" />
                        <asp:BoundField DataField="balance" HeaderText="本日余额" SortExpression="balance" />
                        <asp:BoundField DataField="last_balance" HeaderText="上日余额" SortExpression="last_balance" />
                        <asp:BoundField DataField="percent2" HeaderText="比例" SortExpression="percent2" />
                        <asp:BoundField DataField="open_date" HeaderText="开户日期" SortExpression="open_date" DataFormatString="{0:yyyy-MM-dd}" HtmlEncode="False" />
                    </Columns>
                    <RowStyle Height="20px" HorizontalAlign="Center" />
                    <SelectedRowStyle HorizontalAlign="Center" />
                    <HeaderStyle HorizontalAlign="Center"  CssClass="Freezing" />
                <AlternatingRowStyle Font-Size="Small" HorizontalAlign="Center" />
                </asp:GridView>
                </div>
当我调试运行的时候,出现这样的情况。
 当我拉动浏览器的竖的滚动条(不是我通过代码实现的gridview的竖的滚动条)的时候,gridview的表头居然也跟着滚动条上下移动!!(表头本应该是固定的?)
 但gridview中的表的内容部分是固定的,可以通过gridview的竖的滚动条拉动查看内容。
 
现在就想解决:gridview的表头跟着浏览器的滚动条上下移动  ,这个问题。
会不会是应用滚动条时出现冲突??
请知道的帮忙,谢谢了!!