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

最新推荐文章于 2024-10-25 13:36:38 发布

原创最新推荐文章于 2024-10-25 13:36:38 发布 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#scroll #div #server #asp #css

ASP.net 专栏收录该内容

230 篇文章

订阅专栏

本文介绍两种实现 GridView 在滚动时保持表头固定的方法。第一种通过直接设置 div 的 overflow 属性并调整 GridView 的样式；第二种使用 CSS 定位和表达式使表头始终可见。

第一种方法
<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 "