创建表头固定,表体可滚动的GridView

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default9.aspx.cs "  Inherits = " Default9 "   %>

<! 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 </ title >
     < script type = " text/javascript " >
//         function s()
//         {
//         var t = document.getElementById("<%=GridView1.ClientID%>");
//         var t2 = t.cloneNode(false);
//         t2.appendChild(t.rows[0]);
//         t.deleteRow(0);
//         document.getElementById("a").innerHTML=t2.outerHTML;  // IE6下用appendChild(t2)为什么不行？FF2.0却可以。但FF不支持outerHTML.....
//         }
        function s() 
         ... { 
            var t = document.getElementById("<%=GridView1.ClientID%>"); 
            var t2 = t.cloneNode(true); 
            for(i = t2.rows.length -1;i > 0;i--) 
                t2.deleteRow(i); 
            t.deleteRow(0); 
            a.appendChild(t2) 
        }
        
        window.onload  =  s
     </ script >
</ head >
< body >
     < form id = " form1 "  runat = " server " >
     < table >
         < tr >
             < td >
                 < div id = " a " >
                 </ div >
                 < div style = " overflow-y: auto; height: 250px " >
                     < 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 >
             </ td >
         </ tr >
     </ table >
     </ form >
</ body >
</ html >

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  Default9 : System.Web.UI.Page
... {
    ICollection CreateDataSource()
    ...{
        System.Data.DataTable dt = new System.Data.DataTable();
        System.Data.DataRow dr = null;

        dt.Columns.Add(new System.Data.DataColumn("学生班级", typeof(System.String)));
        dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));
        dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));
        dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));
        dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));
        dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

        for (int i = 0; i < 100; i++)
        ...{
            System.Random rd = new System.Random(Environment.TickCount * i);

            dr = dt.NewRow();

            dr[0] = "班级" + i.ToString();
            dr[1] = "【Kalen_Chen】" + i.ToString();
            dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);

            dt.Rows.Add(dr);
        }

        System.Data.DataView dv = new System.Data.DataView(dt);

        return dv;
    }

    protected void Page_Load(object sender, EventArgs e)
    ...{
        if (!IsPostBack)
        ...{
            GridView1.Attributes.Add("style", "table-layout:fixed");
            GridView1.DataSource = CreateDataSource();
            GridView1.DataBind();
        }
    }
}