如何给GridView添加滚动条

最新推荐文章于 2022-07-03 10:43:12 发布

原创最新推荐文章于 2022-07-03 10:43:12 发布 · 置顶 · 5.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#scroll #div #server #asp #css

本文介绍两种实现 GridView 表头固定的方法：一是通过设置 div 的滚动属性，并控制 GridView 的大小；二是结合 CSS 样式实现表头相对固定，提供更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方法
<div style="overflow-y: scroll; height: 200px">
            <asp:GridView ID="GridView1" runat="server" Font-Size="12px" BackColor="#FFFFFF"
              GridLines="Both" CellPadding="4" Width="560">
              <HeaderStyle BackColor="#EDEDED" Height="26px" />
            </asp:GridView>
</div>
第二种方法

将Gridview放到一个div里面，设置div的style= "overflow:   auto; "
再加CSS （样式表） .DataGridFixedHeader
{
POSITION:   relative   ;
TOP:   expression(this.offsetParent.scrollTop);
BACKGROUND-COLOR:   blue   ;
height:25px;
color:#ffffff;
text-align:center   ;
vertical-align:middle;
font-weight:bold;
font-size:13px;
background-color:#5D7B9D;
}
设置Gridview的   HeaderStyle的CSSClass= "DataGridFixedHeader "