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

最新推荐文章于 2025-12-01 22:23:21 发布

原创最新推荐文章于 2025-12-01 22:23:21 发布 · 585 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #asp #google #server #object #date

ASP.NET 专栏收录该内容

153 篇文章

订阅专栏

本文介绍如何使用 ASP.NET 中的 GridView 控件实现表头单元格的合并功能，并提供完整的前后台代码示例。通过创建自定义数据源，演示了如何设置表格结构及如何在 RowDataBound 事件中进行单元格合并。

合并前效果：

合并后效果：

前台代码：

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

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

</head>

<body>

<div>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound" CellPadding="4" CellSpacing="1" ForeColor="#333333" GridLines="None">

<asp:BoundField HeaderText="日期" DataField="Date" />

<asp:BoundField HeaderText="周次" DataField="WeekNo" />

<asp:BoundField HeaderText="浏览" DataField="Visit" />

<asp:BoundField HeaderText="人数" DataField="Hit" />

<asp:BoundField HeaderText="浏览" DataField="Visit1" />

<asp:BoundField HeaderText="人数" DataField="Hit1" />

<asp:BoundField HeaderText="浏览" DataField="Visit2" />

<asp:BoundField HeaderText="人数" DataField="Hit2" />

</Columns>

</asp:GridView>

</div>

</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 testCells : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

this.GridView1.DataSource = this.CreateDataSource();

this.GridView1.DataBind();

}

ICollection CreateDataSource()

{

DataTable dt = new DataTable();

DataColumn dc;

DataRow dr;

Random r = new Random(52);

dc = new DataColumn("Date", typeof(System.DateTime));

dc.DefaultValue = System.DateTime.Now.ToString("yyyy-MM-dd");

dt.Columns.Add(dc);

dc = new DataColumn("WeekNo", typeof(System.Int32));

dt.Columns.Add(dc);

dc = new DataColumn("Visit", typeof(System.Int32));

dt.Columns.Add(dc);

dc = new DataColumn("Hit", typeof(System.Int32));

dt.Columns.Add(dc);

dc = new DataColumn("Visit1", typeof(System.Int32));

dt.Columns.Add(dc);

dc = new DataColumn("Hit1", typeof(System.Int32));

dt.Columns.Add(dc);

dc = new DataColumn("Visit2", typeof(System.Int32));

dt.Columns.Add(dc);

dc = new DataColumn("Hit2", typeof(System.Int32));

dt.Columns.Add(dc);

for (int i = 1; i < 100; i++)

{

dr = dt.NewRow();

dr[0] = System.DateTime.Now.AddDays(i).ToString("yyyy-MM-dd");

dr[1] = r.Next(52);

dr[2] = r.Next(5) * i;

dr[3] = r.Next(6, 10) * i;

dr[4] = r.Next(11) * i;

dr[5] = r.Next(11, 20) * i;

dr[6] = r.Next(21) * i;

dr[7] = r.Next(31, 40) * i;

dt.Rows.Add(dr);

}

return dt.DefaultView;

}

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

e.Row.Cells[0].Text = Convert.ToDateTime(e.Row.Cells[0].Text).ToString("yyyy-MM-dd");

}

if (e.Row.RowType == DataControlRowType.Header)

{

e.Row.Cells[0].Text = "";

GridViewRow gvr = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);

//TableCellCollection tcc = null;

TableCell tc =null;

tc= new TableCell();

tc.ColumnSpan = 2;

tc.HorizontalAlign = HorizontalAlign.Center;

tc.Text = "";

gvr.Cells.Add(tc);

tc = new TableCell();

tc.ColumnSpan = 2;

tc.Text = "合并1";

tc.HorizontalAlign = HorizontalAlign.Center;

gvr.Cells.Add(tc);

tc = new TableCell();

tc.ColumnSpan = 2;

tc.Text = "合并2";

tc.HorizontalAlign = HorizontalAlign.Center;

gvr.Cells.Add(tc);

tc = new TableCell();

tc.ColumnSpan = 2;

tc.Text = "合并3";

tc.HorizontalAlign = HorizontalAlign.Center;

gvr.Cells.Add(tc);

//下面是关键，孟子的思路就是获取当前gridview的第一个控件（即表头），然后在里面加上gridviewrow控件

// GridView1.Controls[0].Controls.AddAt(0, gvr);//孟子的方法

//我的方法其实差不多，就是通过获取当前表头控件所在父控件，然后在父控件中添加gridgiewrow

e.Row.Parent.Controls.AddAt(0, gvr);//我的方法

}