gridview通过CSS固定表头出现错误,100分请教!!
开始我用.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的表头跟着浏览器的滚动条上下移动 ,这个问题。
会不会是应用滚动条时出现冲突??
请知道的帮忙,谢谢了!!
------解决方案--------------------sf
------解决方案--------------------2楼JF
------解决方案--------------------那只好接分了
------解决方案--------------------