垂直滚动显示在GridView中

时间:2014-06-02 15:52:04

标签: c# html css asp.net gridview

我已经尝试了各种方法来获取一个垂直滚动条,以便在有多行时为我的GridView显示。

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

当我这样做时,我也不希望我的Headers和Rows有很高的高度,因为当我尝试为GridView设置高度时,如果有1个数据,它们会变大。

CODE:

#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:

enter image description here

由于某种原因,DIV不是从数据网格的顶部开始的吗?

2 个答案:

答案 0 :(得分:1)

你能提供你已经完成的代码(html& css)吗。

您可以在GridView周围放置一个周围的DIV。下面的代码在您的gridview周围放置一个DIV。使用overflow(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>

答案 1 :(得分:0)

请将网格视图放在DIV标记内,并将样式高度,宽度和溢出应用于DIV。

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

<asp:gridview id="grid" >

</<asp:gridview>

</div>

希望这有帮助