GridView 滚动条

GridView默认是没有左右滚动条,如果数据列比较多默认的GridView就比较难看了!此时我们一般将GridView加上滚动条!

1、利用Panel控件包装GridView

  <asp:Panel ID="pn" runat="server" Height="200px" ScrollBars="Both" Width="400px">
           <asp:GridView ID="gv1" Width="1000px" runat="server" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1">
             .......  
            </asp:GridView>

 </asp:Panel>

2、利用Div包装GridView

<div style="overflow: scroll; position:absolute; z-index:auto; height:200px;width:300px" id="dv"> 
        <asp:GridView ID="GridView1"  Width="1000px" runat="server" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1">
            <Columns>                
             .....           
            </Columns>
               <HeaderStyle CssClass="GridViewFixedHeader" BackColor= "MediumSeaGreen"  ForeColor= "White" />

        </asp:GridView>

如果要Header固定,还可以利用css控制表头

<style type="text/css">
 .GridViewFixedHeader  
{
   position:relative ;
   table-layout:fixed;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
  }
  .GridViewFixedHeader th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}
}
</style>

在固定表头时注意样式控制,比如div 的position和GridViewFixedHeader的position属性，另外GridView的
边框可能存在白色现象，将边线颜色和表头背景颜色设为同一种颜色BackColor!这样整个GridView外观就比较好看了

3、SmartGridView控件

博客园http://webabcd.cnblogs.com的SmartGridView控件对GridView扩展得十分好！滚动条也分易使用。