固定标题和顶部边框的 ASP 网格视图滚动答案

【问题标题】：ASP Grid View Scroll With Header and Top Border Fixed固定标题和顶部边框的 ASP 网格视图滚动
【发布时间】：2014-02-23 16:53:53
【问题描述】：

我有一个网格视图，我想在不滚动标题和顶部边框的情况下滚动它。我有以下 css 解决方案来滚动 gridview 而不滚动标题行，但我无法避免顶部网格视图边框的滚动。

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

.....
.....

<HeaderStyle CssClass="HeaderFreez" BackColor="Silver" ForeColor="Black" Font-Size="8pt"          BorderStyle="Solid" Wrap="False" />

有没有办法避免在aspx中滚动网格视图的上边框？？

【问题讨论】：

隐藏顶部边框怎么样？ border-top-style:none;

标签： asp.net css gridview header

【解决方案1】：

您可以查看以下问题

fixing gridview header while scrolling

Grid view fixed header

类似于你所要求的。

【讨论】：

【解决方案2】：

您必须手动创建标题，然后将其放在网格上方。这是唯一的解决方案。

这里有一些很好的例子

关于 SO 的类似问题

【讨论】：

使用此解决方案时，当您同时具有垂直和水平滚动并且在网格视图左侧有一些控件（如下拉列表）时会出现问题。在水平滚动期间，标题行将与 gridview 左侧的下拉列表重叠

【解决方案3】：

我尝试了许多来自 Git/Google/Web 等的 CSS+Javascript 解决方案...与 ASP.NET Gridview 一起使用以通过可滚动的 TBODY 来修复 THEAD，但唯一一个效果很好的是 Bootstrap Table。您必须包含Bootstrap。

【讨论】：