开始我用.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的表头跟着浏览器的滚动条上下移动 ,这个问题。
会不会是应用滚动条时出现冲突??
请知道的帮忙,谢谢了!!
代码为:
<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的表头跟着浏览器的滚动条上下移动 ,这个问题。
会不会是应用滚动条时出现冲突??
请知道的帮忙,谢谢了!!
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货