固定表头

IE，Firefox兼容

<% @ Page Language = " C# "  AutoEventWireup = " True "   %>

<% @ Import Namespace = " System.Data "   %>
<! 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 " >

< script runat = " server " >  
  ICollection CreateDataSource( )
   ... {
    // Create sample data for the DataGrid control.
    DataTable dt = new DataTable();
    DataRow dr;

    // Define the columns of the table.
    dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
    dt.Columns.Add(new DataColumn("StringValue", typeof(string)));
    dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double)));

    // Populate the table with sample values.
    for (int i = 0; i < 9; i++)
    ...{
      dr = dt.NewRow();

      dr[0] = i;
      dr[1] = "Item " + i.ToString();
      dr[2] = 1.23 * (i + 1);

      dt.Rows.Add(dr);
    }

    DataView dv = new DataView(dt);
    return dv;
  }

   void  Page_Load( Object sender, EventArgs e )
   ... {
    // Load sample data only once when the page is first loaded.
    if (!IsPostBack)
    ...{
      ItemsGrid.Attributes.Add("style", "table-layout:fixed");
      ItemsGrid.DataSource = CreateDataSource();
      ItemsGrid.DataBind();
    }
  }
</ script >

< script type = " text/javascript " >
function s()
... {
 var t = document.getElementById("<%=ItemsGrid.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 >

< body >
   < form id = " Form1 "  runat = " server " >
     < table >
       < tr >
         < td >
           < div id = " a " >
           </ div >
           <div style="overflow-y: scroll; height: 200px">
             < asp:DataGrid ID = " ItemsGrid "  BorderColor = " black "  BorderWidth = " 1 "  CellPadding = " 3 "
              AutoGenerateColumns = " False "  runat = " server "  Width = " 780 " >
               < HeaderStyle BackColor = " #00aaaa " ></ HeaderStyle >
               < Columns >
                 < asp:BoundColumn DataField = " IntegerValue "  HeaderText = " Item "   />
                 < asp:BoundColumn DataField = " StringValue "  HeaderText = " Description "   />
                 < asp:BoundColumn DataField = " CurrencyValue "  HeaderText = " Price "  DataFormatString = " {0:c} " >
                   < ItemStyle HorizontalAlign = " Right " ></ ItemStyle >
                 </ asp:BoundColumn >
                 < asp:TemplateColumn HeaderText = " Select Item " >
                   < ItemTemplate >
                     < asp:CheckBox ID = " SelectCheckBox "  Text = " Add to Cart "  Checked = " False "  runat = " server "   />
                   </ ItemTemplate >
                 </ asp:TemplateColumn >
               </ Columns >
             </ asp:DataGrid >
           </div>
         </ td >
       </ tr >
     </ table >
   </ form >
</ body >
</ html >