固定Datagrid表头的简单方法

王朝asp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

开发一个asp.net项目的过程中,客户要求我们,把所有datagrid表格的Header做成类似Excel表格,当table中数据很多的时候,我们可以下拉滚动条,还能保持header固定。在网上搜索后找到了如下比较简单的方法。具体应用如下:

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>

这就搞定了。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航