如何冻结GridView标题?

选项(a)购买一个UI包,该包包含一个内置此功能的增强网格视图。

选项(b)自己滚-这并不简单。埃斯波西托 has one approach .

编辑:刚刚注意到Dino文章链接到AspNetPro杂志网站上的订户专用区域。

这里是 another approach 使用扩展器。

你可以在CSS中完成

冻结报头: 1。定义类。在样式表中冻结:

.Freezing
{
   position:relative ;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
}   

2.将数据报头的cssclass分配给冻结

尝试此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应用程序时,我也遇到了类似的问题。

有一天,我遇到了 IdeasBarks ASP.NET冷却控件 . 它有助于显示固定的列标题、页脚和页导航。

我亲自使用它们,我真的很喜欢!

To check the control click here : 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 是网格头的CSS类。

只需在页面上添加此脚本并替换 header 使用您用于标题的CSS类名。

试一试应该能解决这个问题 http://www.codeproject.com/KB/webforms/FreezePaneDatagrid.aspx

您可以尝试以下示例

Freeze GridView Columns