GridView添加滚动条的二种方法

发布时间:2020-10-04编辑:脚本学堂
本文介绍下,为GridView添加滚动条的二种方法,学习下GridView滚动条的实现办法,有需要的朋友可以参考下。

方法1,添加GridView滚动条
 

复制代码 代码示例:
<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>

方法2,添加GridView滚动条。
将Gridview放到一个div里面,设置div的style= "overflow:auto;",然后再添加css样式表。

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"即可。