GridView固定表头(不用javascript只用CSS!,很好用)

效果图:

代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server">     <title>GridView固定表头 清清月儿http://blog.csdn.net/21aspnet </title>         <style> .Freezing    {        position:relative ;    table-layout:fixed;    top:expression(this.offsetParent.scrollTop);      z-index: 10;    }

.Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;} </style> </head> <body style="font-size=12px">     <form id="form1" runat="server">     <div style="overflow-y: scroll; height: 200px;width:300px" id="dvBody">                    <asp:GridView ID="GridView1" runat="server"    AutoGenerateColumns="False" CellPadding="3" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"                         OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" Font-Size="12px" OnRowCreated="GridView1_RowCreated"  >                         <FooterStyle BackColor="White" ForeColor="#000066" />                         <Columns>                             <asp:BoundField DataField="身份证号码" HeaderText="编号" ReadOnly="True" />                             <asp:BoundField DataField="邮政编码" HeaderText="邮政编码" SortExpression="邮政编码" />                             <asp:BoundField DataField="家庭住址" HeaderText="家庭住址"  />                             <asp:BoundField DataField="姓名" HeaderText="姓名"  />                                                     </Columns>                         <RowStyle ForeColor="#000066" />                         <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />                         <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left"  CssClass="ms-formlabel DataGridFixedHeader"/>                         <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="Freezing"/>                     </asp:GridView>         </div>

    </form> </body> </html>

用法:CSS设如上的样式,HeaderStyle加CssClass="Freezing,套住GridView的Div设置高度宽度 <div style="overflow-y: scroll; height: 200px;width:200px" >

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值