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

 Default.aspx:

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

<! 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 > 无标题页 </ title >

    
< script  type ="text/javascript" >
    
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: scroll; height: 200px" >
                        
< 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 >

Default.aspx.cs:

using  System;
using  System.Data;
using  System.Configuration;
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  _Default : System.Web.UI.Page 
{
    
protected void Page_Load(object sender, EventArgs e)
    
{
        
if (!IsPostBack)
        
{
            GridView1.Attributes.Add(
"style""table-layout:fixed");
            GridView1.DataSource 
= CreateDataSource();
            GridView1.DataBind();
        }

    }



    
//计算数据,可以从数据库中取得
    System.Collections.ICollection CreateDataSource()
    
{
        System.Data.DataTable dt 
= new System.Data.DataTable();
        System.Data.DataRow dr;
        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 < 50; i++)
        
{
            System.Random rd 
= new System.Random(Environment.TickCount * i); ;
            dr 
= dt.NewRow();
            dr[
0= "班级" + i.ToString();
            dr[
1= "【孟子E章】" + i.ToString();
            dr[
2= System.Math.Round(rd.NextDouble() * 1002);
            dr[
3= System.Math.Round(rd.NextDouble() * 1002);
            dr[
4= System.Math.Round(rd.NextDouble() * 1002);
            dr[
5= System.Math.Round(rd.NextDouble() * 1002);
            dt.Rows.Add(dr);
        }

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

}

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值