垂直滚动显示在 GridView 中答案

【问题标题】：Vertical Scroll to appear in GridView垂直滚动显示在 GridView 中
【发布时间】：2014-06-02 15:52:04
【问题描述】：

当有很多行时，我尝试了各种方法来为我的 GridView 显示一个垂直滚动条。

我尝试在 GridView 周围添加一个 DIV，它看起来很可怕，因为它的填充距离我的 GridView 20px。我有一种方法，当 GridView 达到其最大高度（200px）时，当信息来自数据库时，GridView 将有一个滚动条？

当我这样做时，我也不希望我的标题和行有非常大的高度，因为当我尝试为我的 GridView 设置高度时，如果有 1 条数据，它们会变得更大。

代码：

#gv_AcceptedRequests, #gv_PendingRequests, #gv_DeclinedRequests {
position:absolute;
margin-top: 120px;
margin-left: 60px;
width: 480px;
font-family: Arial;
font-size: 12px;
border-color: orange;
overflow: auto;

}

尝试1：

由于某种原因，DIV 没有从数据网格的顶部开始？

【问题讨论】：

如果你只是谷歌它有很多建议。 Here is one
@RickS 刚刚尝试过，scoll 栏再次出现，GridView 有大量填充。

标签： c# html css asp.net gridview

【解决方案1】：

您能否提供您已经编写的代码（html 和 css）。

您可以在 GridView 周围放置一个环绕的 DIV。下面的代码在您的 gridview 周围放置了一个 DIV。使用溢出-y（显示垂直滚动条）和零填充的 CSS（首选外部 CSS 文件）。如果仍有填充，则说明页面上的 CSS 存在问题。

<div id='scrolldiv' style='position:absolute;border:1px solid black;height:100px;width:650px;overflow-y:scroll;margin-top:120px;margin-left:60px;'>
    <div id='gv_AcceptedRequests' style='position:absolute;width:480px;font-family:Arial;font-size:12px;border-color:orange;overflow:auto;'>
        //gridview
    </div>
</div>

【讨论】：

我已经尝试过您的解决方案，但遇到了问题，我已在问题中将我的问题显示为屏幕截图。
移动CSS margin-top: 120px;margin-left: 60px;从 GridView 规则到 CSS 文件中的 scrolldiv 规则。如图所示：jsfiddle.net/27wYJ
感谢标记为正确的答案完美运行。

【解决方案2】：

请将网格视图放置在 DIV 标签内，并将样式高度、宽度和溢出应用到 DIV。

<div style="height: 100px;overflow:auto">

<asp:gridview id="grid" >

</<asp:gridview>

</div>

希望对你有帮助

【讨论】：