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

原创 2007年09月13日 17:38:00

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() * 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;
  }


  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if (!IsPostBack)
   {
    this.DataGrid1.Attributes.Add("style", "table-layout:fixed");
    DataGrid1.DataSource = CreateDataSource();
    DataGrid1.DataBind();
   }

  }

 

<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>

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/nanqing/article/details/1784011

Javascript实现GridView,表头固定,表体有滚动条可滚动

[csharp] view plaincopyprint? "C#" AutoEventWireup="true" %>      "-//W3C//DTD XHTML 1.0 Tran...
  • anihasiyou
  • anihasiyou
  • 2014-02-18 22:46:18
  • 1543

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

本方法只需要设置一个GridView的宽度,其它宽度不需要设置。测试环境:IE6,Firefox通过。C# "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
  • chenguang79
  • chenguang79
  • 2007-07-25 12:54:00
  • 606

无比强大的GridView,表头固定,表体有滚动条可滚动

// 计算数据,完全可以从数据看取得 ICollection CreateDataSource( ) { System.Data.DataTable dt = new System.D...
  • smartsmile2012
  • smartsmile2012
  • 2012-11-15 16:20:23
  • 4361

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

  • 2013年12月04日 20:45
  • 35KB
  • 下载

table 表头固定,表体滚动的css方法

table tbody {       display:block;       height:500px;       overflow-y:scroll;   }         t...
  • Mr_rencp
  • Mr_rencp
  • 2017-09-08 13:30:17
  • 306

gridview固定表头实例----横向滚动 纵向滚动

将自己遇到的问题以实例形式写出来,以免以后再被同样的问题困扰 情况描述: 页面中有2个tab,第一个tab是gridview绑定数据,第2个tab是chart绑定 问题1. gridview表头固定问...
  • nan2008zzu
  • nan2008zzu
  • 2013-08-06 17:18:19
  • 1161

html table表头不变滚动表体

table 需要出现纵向滚动条时,大多数情况会在table外面包一层div 设置css属性  overflow:auto 来实现table出现滚动条但这样做有个问题,滑动表格是移动整体 表头也会被移动...
  • csdn2014517
  • csdn2014517
  • 2016-04-09 00:31:39
  • 10070

html表头固定 表体滚动

  • 2015年06月22日 11:00
  • 3KB
  • 下载

DevExpress Gridview 复杂表头设计

英文查询关键词  banded gridview     multi-row header 使用的是DevExpress.XtraGrid.Views.BandedGrid.BandedGridVi...
  • jjhua
  • jjhua
  • 2013-02-07 21:37:45
  • 2563

gridview固定表头的一个具体实例----横向滚动 纵向滚动

  • 2013年08月06日 17:46
  • 21KB
  • 下载
收藏助手
不良信息举报
您举报文章:创建表头固定,表体可滚动的GridView(转)
举报原因:
原因补充:

(最多只允许输入30个字)