题
在标题中,是否有人知道如何在ASP.NET中冻结GridView标头?
其他提示
你可以在css
中完成冻结标题: 1.在样式表中定义类.Freezing:
.Freezing
{
position:relative ;
top:expression(this.offsetParent.scrollTop);
z-index: 10;
}
2.将Datagrid Header的cssClass分配给Freezing
尝试ASP.NET的这个开源项目。它扩展了GridView以提供固定的页眉,页脚和分页器以及可调整大小的列宽。适用于IE 6/7/8,Firefox 3.0 / 3.5,Chrome和Safari。
http://johnsobrepena.blogspot.com /2009/09/extending-aspnet-gridview-for-fixed.html
在Asp.Net 2.0 / 3.5中的Web应用程序中进行开发时,我也遇到了类似的问题。
有一天,我遇到了 IdeaSparks ASP.NET CoolControls 。它有助于显示修复列标题,页脚和分页器。
我亲自使用它们,我真的很喜欢它!
要检查控件,请单击此处:IdeaSparks ASP.NET CoolControls
希望这有帮助!
我想我已经解决了这个问题。 请看下面的javascript代码
<script type="text/javascript" language="javascript">
var orgTop = 0;
$(document).scroll(function () {
var id = $("tr:.header").get(0);
var offset = $(id).offset();
var elPosition = $(id).position();
var elWidth = $(id).width();
var elHeight = $(id).height();
if (orgTop == 0) {
orgTop = elPosition.top;
}
if ($(window).scrollTop() <= orgTop) {
id.style.position = 'relative';
id.style.top = 'auto';
id.style.width = 'auto';
id.style.height = 'auto';
}
else {
id.style.position = 'absolute';
id.style.top = $(window).scrollTop() + 'px';
id.style.width = elWidth + 'px';
id.style.height = elHeight + 'px';
}
});
</script>
其中 .header
是Grid标头的css类。
只需在页面上添加此脚本,并将 header
替换为您用于标题的css类名称。
您可以尝试以下示例
不隶属于 StackOverflow