最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
固定Datagrid表头的简单方法
时间:2022-06-30 10:20:55 编辑:袖梨 来源:一聚教程网
开发一个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";
background-color: #ecf4fe;
text-align: center;
text-decoration: none;
POSITION: relative; --必要的
TOP: expression(this.offsetParent.scrollTop) --必要的
}
在页面上,类似代码如:
这就搞定了。
1. 在CSS 中添加一个Class
.fixHeaderStyle {
font-size: 9pt;
vertical-align: middle;
text-transform: capitalize;
font-family: "Arial" , "Helvetica" , "sans-serif";
background-color: #ecf4fe;
text-align: center;
text-decoration: none;
POSITION: relative; --必要的
TOP: expression(this.offsetParent.scrollTop) --必要的
}
在页面上,类似代码如:
这就搞定了。
相关文章
- 原神33-45级发展规划指南 12-01
- 英雄联盟手游狂潮裂变金克丝价格 12-01
- 无限暖暖2.0前瞻兑换码使用方法 12-01
- 洛克王国世界小绒茧怎么样 12-01
- 第五人格许愿码大全(2025) 第五人格许愿码最新可用汇总 12-01
- 铃兰之剑杰洛特有什么玩法技巧 12-01