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扩展得十分好!滚动条也分易使用。