WEB开发网
开发学院网页设计DivCss GridView固定表头(不用javascript只用CSS!,很好用... 阅读

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

 2008-08-25 19:27:53 来源:WEB开发网   
核心提示:代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html x

代码:
<!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" >

Tags:GridView 固定 表头

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接