日期:2014-05-18  浏览次数:20937 次

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
------解决方案--------------------
那只好接分了
------解决方案--------------------