将滚动条添加到以编程方式填充的 GridView答案

【问题标题】：Add Scrollbar to GridView Populated Programmatically将滚动条添加到以编程方式填充的 GridView
【发布时间】：2013-07-19 16:46:10
【问题描述】：

我正在以编程方式填充 GridView，我想让它有一个滚动条（而不是一直向下展开屏幕）。根据我在 Google 上找到的其他解决方案中的建议，我尝试将以下内容添加到 CSS：

.gridView {
width:600px;
margin-left:auto;
margin-right:auto;
height:500px;
overflow:auto;
}

但这没有任何效果。我还能做什么？

编辑：这是在输出中应用上述样式的方式：

<table class="gridView" cellspacing="0" rules="all" border="1" id="PanelGridView" style="background-color:White;border-collapse:collapse;">

gridView 类显示为表格的类，我通过查看正在应用的其他样式更改验证了 CSS 文件已链接到 ASPX。

【问题讨论】：

【解决方案1】：

样式必须应用于容器（例如 DIV），并且 gridview 必须放置在该容器内。

这样，gridview 可以在 DIV 内滚动（如果需要）。

这是基本场景。对于更高级的场景（例如，在滚动内容时保持标题固定）请参阅http://csharpdotnetfreak.blogspot.com/2011/11/jquery-fixed-header-scrollable-gridview.html

【讨论】：