如何在 asp.net 中冻结 gridview 列标题？答案

【问题标题】：How to freeze gridview column header in asp.net?如何在 asp.net 中冻结 gridview 列标题？
【发布时间】：2014-01-21 02:58:02
【问题描述】：

我需要帮助冻结 asp.net 中的 gridview 列标题。

我尝试在页面源代码上创建一个css代码，如下所示：

 <style type="text/css">

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

</style>

然后我将 css 调用到 web 表单的页面加载中。

  GridView1.CssClass = "Freezing"

每当我使用上述代码调试 Web 应用程序时，什么都不会发生。

提前致谢。

【问题讨论】：

我认为你应该设置 HeaderStyle css：GridView1.HeaderStyle.CssClass = "Freezing"
我已经尝试过了，但它不起作用

标签： asp.net css vb.net gridview

【解决方案1】：

您可以使用第三方的数据库。下面是网址 http://datatables.net/

【讨论】：

【解决方案2】：

你可以使用这个jquery插件https://github.com/laertejjunior/freezeheader/

在您的 asp.net 页面中：

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("table").freezeHeader();

    });
</script>

如果您的页面使用 ajax，请将此脚本添加到页面末尾，以便脚本在回发后继续工作

 <script type="text/javascript" language="javascript">
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_endRequest(EndRequestHandler);
        function EndRequestHandler(sender, args) {
            $("table").freezeHeader();
        }
</script>

查看https://github.com/laertejjunior/freezeheader/中的演示

我希望这会有所帮助。

【讨论】：