如何给GridView加上一个横向滚动条

最新推荐文章于 2025-05-13 18:01:47 发布

faunjoe

最新推荐文章于 2025-05-13 18:01:47 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.net 文章标签： scroll div server asp css

本文链接：https://blog.youkuaiyun.com/faunjoe/article/details/4296544

ASP.net 专栏收录该内容

230 篇文章

订阅专栏

本文介绍两种实现 GridView 在滚动时保持表头固定的方法。第一种通过直接设置 div 的 overflow 属性并调整 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 "