ASP

本类阅读TOP10

·asp常用数据库连接方法和技巧
·无组件生成BMP验证码
·一些常用的辅助代码 (网络收藏)
·JavaScript实现的数据表格:冻结列、调整列宽和客户端排序
·VisualStudio.NET_2003及其 MSDN 下载地址
·ASP模拟MVC模式编程
·图片以二进制流输出到网页
·MD5加密算法 ASP版
·ASP.NET编程中的十大技巧
·改进 ASP 的字符串处理性能

分类导航
VC语言Delphi
VB语言ASP
PerlJava
Script数据库
其他语言游戏开发
文件格式网站制作
软件工程.NET开发
固定Datagrid表头的简单方法

作者:未知 来源:月光软件站 加入时间:2005-2-28 月光软件站

开发一个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>
这就搞定了。




相关文章

相关软件