固定Datagrid表头的简单方法
来源:岁月联盟
时间:2005-02-21
1. 在CSS 中添加一个Class
.fixHeaderStyle {
font-size: 9pt;
vertical-align: middle;
text-transform: capitalize;
font-family: "Arial" , "Helvetica" , "sans-serif";
height: 25px;
background-color: #ecf4fe;
text-align: center;
text-decoration: none;
POSITION: relative; --必要的
TOP: expression(this.offsetParent.scrollTop) --必要的
}
在页面上,类似代码如:
<DIV style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 300px" align="center">
<asp:DataGrid id=grdCurRateVoy runat="server" Width="100%" Visible="True">
<ItemStyle CssClass="ItemStyle"></ItemStyle>
<HeaderStyle CssClass="fixHeaderStyle"></HeaderStyle>
<PagerStyle CssClass="PagerStyle"></PagerStyle>
</asp:DataGrid>
</DIV>
这就搞定了。