ASP.net MVC Razor (.cshtml) 滚动时冻结或重复列 headers 的方法

ASP.net MVC Razor (.cshtml) way to freeze or repeat column headers when scrolling

有什么方法可以在滚动时为 ASP.net MVC Razor(.cshtml) 冻结列 header 吗?我 使用单独的 gridview 库,至少目前没有。我可以使用 .cshtml,或者(如果需要)javascript 或 jquery.

我们的一位经理问我这个问题,这是一个很好的问题(恕我直言)。

如有任何帮助,我们将不胜感激。

我自己没有尝试过任何冻结代码,但是,根据请求,Index.cshtml 中的剃刀代码如下所示:

    <th class="headerStyle">
        @Html.DisplayNameFor(model => model.First().myColumn_1)
    </th>

及以后:

     <td class="boxed_displayElementStyle">
            @Html.DisplayFor(modelItem => item.myColumn_1)
     </td>

我确实希望允许列具有可变宽度和可变 header 宽度(尽管每列具有与其 header 相同的宽度)所以这使冻结 header 变得复杂非常大。

提前致谢!

这种演示文稿并非特定于技术,它只是一种简单的样式更改。 (当然,它可能在以前的控件上有些开箱即用,但可以很容易地在您自己的演示文稿中复制)。查看 this post 了解有关样式的更多信息。