ASP.NET 2.0中合并 GridView 的表头单元格

原创 2006年09月27日 08:08:00

在实际工作中,往往需要合并表格头部的单元格,下面就是一个实现的例子。运行结果如图:

C#

<%...@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>

<script runat="server">...
  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.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 < 8; i++)
    
...{
      System.Random rd 
= new System.Random(Environment.TickCount * i); ;
      dr 
= dt.NewRow();
      dr[
0= "学生" + i.ToString();
      dr[
1= System.Math.Round(rd.NextDouble() * 1002);
      dr[
2= System.Math.Round(rd.NextDouble() * 1002);
      dr[
3= System.Math.Round(rd.NextDouble() * 1002);
      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.BorderColor 
= System.Drawing.Color.DarkOrange;
      GridView1.DataSource 
= CreateDataSource();
      GridView1.DataBind();
    }

  }


  protected 
void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
  
...{
    
if (e.Row.RowType == DataControlRowType.Header)
    
...{
      GridViewRow rowHeader 
= new GridViewRow(00, DataControlRowType.Header, DataControlRowState.Normal);
      rowHeader.BackColor 
= System.Drawing.Color.White;
      rowHeader.Font.Bold 
= true;

      TableCellCollection cells 
= e.Row.Cells;
      TableCell headerCell 
= new TableCell();
      headerCell.Text 
= "";
      rowHeader.Cells.Add(headerCell);

      headerCell 
= new TableCell();
      headerCell.Text 
= "学生成绩";
      headerCell.ColumnSpan 
= cells.Count - 1;
      headerCell.HorizontalAlign 
= HorizontalAlign.Center;

      rowHeader.Cells.Add(headerCell);
      rowHeader.Visible 
= true;
      GridView1.Controls[
0].Controls.AddAt(0, rowHeader);
    }

  }


  protected 
void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
  
...{
    e.Row.Attributes.Add(
"style""background:#FFF");
  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
<title>合并 GridView 的表头单元格</title>
</head>
<body>
  
<form id="Form1" runat="server">
    
<asp:GridView ID="GridView1" runat="server" CellSpacing="1" CellPadding="3"
      Font-Size
="12px" Width="300px" BackColor="orange" BorderWidth="0"
      OnRowDataBound
="GridView1_RowDataBound" OnRowCreated="GridView1_RowCreated">
    
</asp:GridView>
  
</form>
</body>
</html>

VB.NET

<%...@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">...
  Function CreateDataSource() As ICollection
    Dim dt As System.Data.DataTable 
= New System.Data.DataTable
    Dim dr As System.Data.DataRow
    dt.Columns.Add(New System.Data.DataColumn(
"学生姓名", GetType(System.String)))
    dt.Columns.Add(New System.Data.DataColumn(
"语文", GetType(System.Decimal)))
    dt.Columns.Add(New System.Data.DataColumn(
"数学", GetType(System.Decimal)))
    dt.Columns.Add(New System.Data.DataColumn(
"英语", GetType(System.Decimal)))
    Dim i As Integer 
= 0
    For i 
= 0 To 7
      Dim rd As System.Random 
= New System.Random(Environment.TickCount * i)

      dr 
= dt.NewRow
      dr(
0= "学生" + i.ToString
      dr(
1= System.Math.Round(rd.NextDouble * 1002)
      dr(
2= System.Math.Round(rd.NextDouble * 1002)
      dr(
3= System.Math.Round(rd.NextDouble * 1002)
      dt.Rows.Add(dr)
    Next
    Dim dv As System.Data.DataView 
= New System.Data.DataView(dt)
    Return dv
  End Function

  Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
    If Not IsPostBack Then
      GridView1.BorderColor 
= System.Drawing.Color.DarkOrange
      GridView1.DataSource 
= CreateDataSource()
      GridView1.DataBind()
    End If
  End Sub

  Protected Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As GridViewRowEventArgs)
    If e.Row.RowType 
= DataControlRowType.Header Then
      Dim rowHeader As GridViewRow 
= New GridViewRow(00, DataControlRowType.Header, DataControlRowState.Normal)
      rowHeader.BackColor 
= System.Drawing.Color.White
      rowHeader.Font.Bold 
= True
      Dim cells As TableCellCollection 
= e.Row.Cells
      Dim headerCell As TableCell 
= New TableCell
      headerCell.Text 
= ""
      rowHeader.Cells.Add(headerCell)
      headerCell 
= New TableCell
      headerCell.Text 
= "学生成绩"
      headerCell.ColumnSpan 
= cells.Count - 1
      headerCell.HorizontalAlign 
= HorizontalAlign.Center
      rowHeader.Cells.Add(headerCell)
      rowHeader.Visible 
= True
      GridView1.Controls(
0).Controls.AddAt(0, rowHeader)
    End If
  End Sub

  Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As GridViewRowEventArgs)
    e.Row.Attributes.Add(
"style""background:#FFF")
  End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
<title>合并 GridView 的表头单元格</title>
</head>
<body>
  
<form id="Form1" runat="server">
    
<asp:GridView ID="GridView1" runat="server" CellSpacing="1" CellPadding="3"
      Font-Size
="12px" Width="300px" BackColor="orange" BorderWidth="0"
      OnRowDataBound
="GridView1_RowDataBound" OnRowCreated="GridView1_RowCreated">
    
</asp:GridView>
  
</form>
</body>
</html>
 

Extjs在Asp.Net中的应用开发

-
  • 1970年01月01日 08:00

Asp.net中表头合并 复杂表头实现

有需要需要实现复杂表头,折腾了一天多才做成这个样子 和大家分享一下 代码实现 protected void Page_Load(object sender, EventArgs e) ...
  • pridescc
  • pridescc
  • 2012-09-10 16:02:18
  • 3818

ASP.NET操作EXCEL 合并单元格 大全

公元19XX年前,关于EXCEL的操作就如滔滔江水,连绵不绝,真正操作EXCEL我也是从去年下半年开始的,有些比较复杂的年度报表之类的,做起来也有点费力,不过还是都能画出来了,关于EXCEL的报表导出...
  • yishuangjia
  • yishuangjia
  • 2013-09-02 14:17:12
  • 1777

ASP.NET 2.0合并表头单元格

 在实际工作中,往往需要合并表格头部的单元格,下面就是一个实现的例子 vb.net<%...@ Page Language="VB" %> <!DOCTYPE html PUBLIC "-//W3C/...
  • sono_yin
  • sono_yin
  • 2007-04-18 19:35:00
  • 548

VS2005中合并DATAGRIDVIEW表头

VB.NET%@ Page Language="VB" %>!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...
  • yumanqing
  • yumanqing
  • 2006-12-22 16:39:00
  • 1697

ASP.NET 2.0中合并 GridView 的表头单元格

...@ Page Language="C#" AutoEventWireup="true" %>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...
  • deltazxm
  • deltazxm
  • 2006-12-11 12:39:00
  • 423

gridview指定<em>单元格</em>编辑~~

類似於excel<em>的dataview</em> 立即下载 上传者: cansum396...GridView合并表头<em>单元格</em> 立即下载 上传者: andyzy_...ASP.<em>net</em> GridView双击事件,弹出一个窗口显示详细信息...
  • 2018年04月10日 00:00

dataview 的使用心得

DataView m_view = new DataView(ds.Tables[0]); m_view.RowFilter="txtName='张三'"; for (int i = 0; i ");...
  • HanYanBin
  • HanYanBin
  • 2010-11-10 11:26:00
  • 330

GridView合并表头单元格

  • 2009年08月08日 10:42
  • 53KB
  • 下载

asp.net gridview多行标题合并(通用)

效果图 前台代码 后台代码
  • nvhaixx
  • nvhaixx
  • 2016-11-25 14:29:43
  • 1002
收藏助手
不良信息举报
您举报文章:ASP.NET 2.0中合并 GridView 的表头单元格
举报原因:
原因补充:

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