asp:GridView 或是 asp:DataGrid的表头合并--备忘！！！

最新推荐文章于 2019-08-01 10:29:58 发布
最新推荐文章于 2019-08-01 10:29:58 发布
阅读量618 收藏
点赞数
分类专栏： 七拼八凑 文章标签： asp datagrid string table css object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fenyuxiao/article/details/5838136
版权

经常需要合并表头，但GridView 和DataGrid有点小区别，不过都是很小的问题：

GridView：

     在页面上 是 OnRowCreated="gvStudent_RowCreated"  属性；

     protected void gvStudent_RowCreated(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.Header)
            {

                //第一种方法，用<Table>来写的
                //LiteralControl lc1 = new LiteralControl(GetGradeClassCellHead("序号"));
                //e.Row.Cells[0].Controls.Add(lc1);

                //LiteralControl lc2 = new LiteralControl(GetGradeClassCellHead("科室"));
                //e.Row.Cells[1].Controls.Add(lc2);

                //LiteralControl lc3 = new LiteralControl(GetGradeClassCellHead("教师姓名"));
                //e.Row.Cells[2].Controls.Add(lc3);


                //e.Row.Cells[3].ColumnSpan = 7;
                //LiteralControl lc = new LiteralControl(GetMegCell());
                //e.Row.Cells[3].Controls.Add(lc);
                //e.Row.Cells[4].Visible = false;
                //e.Row.Cells[5].Visible = false;
                //e.Row.Cells[6].Visible = false;
                //e.Row.Cells[7].Visible = false;
                //e.Row.Cells[8].Visible = false;
                //e.Row.Cells[9].Visible = false;
                //LiteralControl lcCheck = new LiteralControl(GetGradeClassCellHead("总计"));
                //e.Row.Cells[10].Controls.Add(lcCheck);

 

 

                TableCellCollection tcHeader = e.Row.Cells;
                tcHeader.Clear();

                tcHeader.Add(new TableHeaderCell());
                tcHeader[0].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[0].Attributes.Add("rowspan", "2");
                tcHeader[0].Text = "序号";
                tcHeader[0].Font.Bold = false;
                tcHeader[0].Style["text-align"] = "center";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[1].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[1].Attributes.Add("rowspan", "2");
                tcHeader[1].Text = "科室";
                tcHeader[1].Font.Bold = false;
                tcHeader[1].Style["text-align"] = "center";

                tcHeader.Add(new TableHeaderCell());
                tcHeader[2].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[2].Attributes.Add("rowspan", "2");
                tcHeader[2].Text = "教师姓名";
                tcHeader[2].Font.Bold = false;
                tcHeader[2].Style["text-align"] = "center";


              

                tcHeader.Add(new TableHeaderCell());
                tcHeader[3].Attributes.Add("colspan", "7"); //跨Row
                tcHeader[3].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[3].Text = "发送短信数";
                tcHeader[3].Font.Bold = false;
                tcHeader[3].Style["text-align"] = "center";


                tcHeader.Add(new TableHeaderCell());
                tcHeader[4].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[4].Attributes.Add("rowspan", "2");
                tcHeader[4].Text = "总计</th></tr><tr>";
                tcHeader[4].Font.Bold = false;
                tcHeader[4].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[5].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[5].Text = "留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言";
                tcHeader[5].Font.Bold = false;
                tcHeader[5].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[6].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[6].Text = "通&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;知";
                tcHeader[6].Font.Bold = false;
                tcHeader[6].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[7].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[7].Text = "成&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;绩";
                tcHeader[7].Font.Bold = false;
                tcHeader[7].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[8].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[8].Text = "评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语";
                tcHeader[8].Font.Bold = false;
                tcHeader[8].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[9].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[9].Text = "报安考勤";
                tcHeader[9].Font.Bold = false;
                tcHeader[9].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[10].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[10].Text = "家庭作业";
                tcHeader[10].Font.Bold = false;
                tcHeader[10].Style["text-align"] = "center";

 

                tcHeader.Add(new TableHeaderCell());
                tcHeader[11].Attributes.Add("bgcolor", "#E8E8E8");
                tcHeader[11].Text = "自由短信";
                tcHeader[11].Font.Bold = false;
                tcHeader[11].Style["text-align"] = "center";

              
           
            }
        }

 

        //第一种方法

        private string GetGradeClassCellHead(string cellTitle)
        {
            string html = string.Format("<table align='center'><tr><td align='center'>{0}</td></tr></table>", cellTitle);
            return html;
        }
        private string GetMegCell()
        {
            string css = "align=/"center/" scope=/"col/" style=/"font-weight:normal;font-style:normal;text-decoration:none;border-right:1px solid #D4D0C8;border-collapse:collapse;/"";
            string html = "<table align=/"center/" cellspacing=/"0/" cellpadding=/"2/" rules=/"all/" border=/"0/" style=/"border-width:0px;border-style:solid;width:100%;border-collapse:collapse;/"><tr>" +
                "<td colspan=/"7/" align=/"center/" scope=/"col/" " +
                "style=/"font-weight:normal;font-style:normal;text-decoration:none;border-bottom:1px solid #D4D0C8;border-collapse:collapse;/">发送短信数</td></tr>" +
                "<tr><td " + css + ">留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言</td><td " + css + ">通&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;知</td><td " + css + ">成&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;绩</td><td " + css + ">评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语</td><td " + css + ">报安考勤</td><td " + css + ">家庭作业</td>" +
                "<td align=/"center/" scope=/"col/" style=/"font-weight:normal;font-style:normal;text-decoration:none;/">自由短信</td></tr></table>";
            return html;
        }

 

 

 

 

   //单元格要合并的行数
        public int intRowSpan = 1;
        //开始合并的索引值
        public int intIndex = 0;
        //记录第一列相等的条件
        private string strText = "";

        protected void gvStudent_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowIndex == 0)
            {
                strText = e.Row.Cells[1].Text;
            }
            if (e.Row.RowType == DataControlRowType.DataRow && e.Row.RowIndex != 0)
            {
                if (e.Row.Cells[1].Text == strText)
                {
                    intRowSpan++;
                    gvStudent.Rows[intIndex].Cells[1].RowSpan = intRowSpan;
                    e.Row.Cells[1].Visible = false;
                }
                else
                {
                    intRowSpan = 1;
                    intIndex = e.Row.RowIndex;
                }
                strText = e.Row.Cells[1].Text;
            }
        }

       

第一种方法，比较麻烦，而且在填充数据后，表格显示不规则，所以第二种是首选，注意的地方就是不管你表头有几列，都跟table中的行和列之间的合并是一样的，理清楚后，就很容易了。

 

DataGrid：

       在页面上 是 OnItemCreated="DataGrid1_ItemCreated" 属性；

     protected void DataGrid1_ItemCreated(object sender, DataGridItemEventArgs e)
        {
            switch (e.Item.ItemType)
            {
                case ListItemType.Header:
                    TableCellCollection tcHeader = e.Item.Cells;
                    tcHeader.Clear();
                    if (ScoreType == "1")
                    {
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[0].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[0].Text = "学期";
                        tcHeader[0].Font.Bold = false;
                        tcHeader[0].Style["text-align"] = "center";
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[1].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[1].Text = "考试安排";
                        tcHeader[1].Font.Bold = false;
                        tcHeader[1].Style["text-align"] = "center";
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[2].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[2].Text = CourseName;
                        tcHeader[2].Font.Bold = false;
                        tcHeader[2].Style["text-align"] = "center";
                    }
                    else
                    {
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[0].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[0].Attributes.Add("rowspan", "2");
                        tcHeader[0].Text = "学期";
                        tcHeader[0].Font.Bold = false;
                        tcHeader[0].Style["text-align"] = "center";
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[1].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[1].Attributes.Add("rowspan", "2");
                        tcHeader[1].Text = "考试安排";
                        tcHeader[1].Font.Bold = false;
                        tcHeader[1].Style["text-align"] = "center";
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[2].Attributes.Add("colspan", "3"); //跨Row
                        tcHeader[2].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[2].Text = CourseName + "</th></tr><tr>";
                        tcHeader[2].Font.Bold = false;
                        tcHeader[2].Style["text-align"] = "center";

                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[3].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[3].Text = "成绩";
                        tcHeader[3].Font.Bold = false;
                        tcHeader[3].Style["text-align"] = "center";

                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[4].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[4].Text = "个人班级比";
                        tcHeader[4].Font.Bold = false;
                        tcHeader[4].Style["text-align"] = "center";

                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[5].Attributes.Add("bgcolor", "#E8E8E8");
                        tcHeader[5].Text = "个人年级比";
                        tcHeader[5].Font.Bold = false;
                        tcHeader[5].Style["text-align"] = "center";
                    }
                    break;
            }
        }

  合并方法是在绑定数据之后：

  private void initDataGrid()
        {
           .........

                DataTable table = analysis.CourseProgressTrack(StudentID, ExamTypeID, SchoolID, ClassID, CourseCode, ScoreType, RepeatCourse);
                DataGrid1.DataSource = table;
                DataGrid1.DataBind();
                GroupRows(DataGrid1, 0);
            }
        }

 

 

 /// <summary>
        /// 合并单元格
        /// </summary>
        /// <param name="GridView1"></param>
        /// <param name="cellNum"></param>
        public static void GroupRows(System.Web.UI.WebControls.DataGrid GridView1, int cellNum)
        {
            int i = 0, rowSpanNum = 1;
            while (i < GridView1.Items.Count - 1)
            {
                DataGridItem gvr = GridView1.Items[i];
                for (++i; i < GridView1.Items.Count; i++)
                {
                    DataGridItem gvrNext = GridView1.Items[i];
                    if (gvr.Cells[cellNum].Text == gvrNext.Cells[cellNum].Text)
                    {
                        gvrNext.Cells[cellNum].Visible = false;
                        rowSpanNum++;
                    }
                    else
                    {
                        gvr.Cells[cellNum].RowSpan = rowSpanNum;
                        rowSpanNum = 1;
                        break;
                    }
                    if (i == GridView1.Items.Count - 1)
                    {
                        gvr.Cells[cellNum].RowSpan = rowSpanNum;
                    }
                }
            }
        }

fenyuxiao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net gridview 合并表头。合并列
11-20
asp.net gridview 合并表头。合并列
ASP.NET—014：Gridview复合表头
08-25
在ASP.NET中，GridView默认提供了一种简单的行和列结构，但为了满足更复杂的需求，例如多级表头或合并单元格，我们需要深入理解其模板和编程特性。复合表头允许我们在表头中创建层次结构，这对于显示分组数据或者...
asp.net GridView多行表头的实现
Dr-远古的专栏
08-17 2106
方法一： 1 protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e) 2 { 3 //判断创建的行是否为表头行 4 if (e.Row.RowType == DataControlRowType.Header) 5 { 6
GridView多行表头合并
lcnmdfx的专栏
12-19 402
多行表头合并, 网上很多实例, 这里写的很详细, 力求让每个人都能看懂. 实现原理:GridView在ASP.NET中最终转为HMTL的表格显示表头。 在GridView创建行表头行时: e.Row.RowType == DatacontrolRowType.Header 清除掉旧的表头, 再重新拼接新的表头. TableHeaderCell thc = new TableHeaderC
GridView、DataGrid 表头合并、表体合并[合并相邻行相同数据的单元格
party
03-10 241
转自:http://www.cnblogs.com/ziyan22/archive/2008/03/05/1092681.html 1usingSystem;2usingSystem.Data;3usingSystem.Configuration;4usingSystem.Web;5usingSystem.Web.Security;6usingSystem.Web.UI;7usingSys...
比较 GridView 和 DataGrid Web 服务器控件
weixin_30550081的博客
07-29 79
GridView 控件是 DataGrid 控件的后继控件。与 DataGrid 控件相似，GridView 控件旨在在 HTML 表中显示数据。当绑定到数据源时，DataGrid 和 GridView 控件分别将 DataSource 中的一行显示为输出表中的一行。 DataGrid 和 GridView 控件都是从 WebControl 类派生的。虽然 GridView 控件与 DataG...
asp.net中GridView和DataGrid相同列合并实现代码
01-02
（一）普通列 代码如下: /// <summary> /// Gridview列的合并（普通列，不包含模板列） /// 注意：1.GridView在绑定的时候进行分组和排序，才能让相同的行放在一起 /// 2.方法应用的时机，应该在Gridview的DataBound...
扩展ASP.NET控件：可滚动的GridView
04-07
标题中的“扩展ASP.NET控件：可滚动的GridView”指的是在ASP.NET开发环境中，通过自定义或扩展标准的GridView控件来实现一个具有垂直滚动条的功能。GridView是ASP.NET Web Forms框架中的一个重要组件，用于展示数据...
ASP.NET固定GridView表头_SuperTables
03-27
总之，"ASP.NET固定GridView表头_SuperTables"是一个解决ASP.NET GridView滚动时表头固定问题的技术，它通过结合CSS和JavaScript实现。通过正确地集成和配置提供的资源，开发者能够提供更好的用户体验，使用户在滚动...
ASP.Net2.0控件-GridView(合并表头单元格)
07-30 98
在实际工作中，往往需要合并表格头部的单元格，下面就是一个实现的例子。运行结果如图： C# <%...@PageLanguage="C#"AutoEventWireup="true"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/...
DataGrid表头合并和单元格内容合并-升级版
03-21
DataGrid表头合并和单元格内容合并-升级版
合并实现DataGrid多表头
tntxie的专栏
11-20 615
合并实现DataGrid多表头  HTML>    HEAD>        title>MergeHeadertitle>        meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">        meta name="CODE_LANGUAGE" Content="C#">        meta
DataGrid表头合并
syl2000的专栏
06-15 1650
在DataGrid的ItemCreated事件中进行处理  private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)  {   if(e.Item.ItemType == ListItemType.Header)   {    int ii=0;   
asp.net使用控件datagrid实现表头单元格合并
weixin_34375054的博客
03-26 200
合并的要点: 1.datagid的单元格合并原理是table中tr,td的布局实现; 2.合并的时机实在其datagridcreate事件中实现; 3.认识一个对象TableCellCollection,它是由TableCell组成的集合,TableCell可以看成一个标题. 实现下面的效果; 前台只有一个空DataGrid,后台源码如下: 1 private...
【转载】asp.net 中的gridview 之合并GridView中某列相同信息的行（单元格）
代码笔记
08-01 433
转载来的，测试可用，有兴趣的朋友可以点击上面↑↑↑的链接去看看，我这里直接分享我引用的地方： 一个DEMO，看 GroupRows(GridView1, 0); 调用合并方法，参数1是：GridView控件对象，参数2是列的index，如下： public void Bind() { string sql = @" SELECT Question 问题,Le...
DataGridView 表头合并(RowSpan)
ZHENG
01-03 8216
public class DataGridViewHelper { public DataGridViewHelper(DataGridView gridview) { gridview.CellPainting += new DataGridViewCellPaintingEventHandler(gridview_CellPainting); } ...
asp.net总结之比较DataGrid和GridView
热门推荐
布袋
11-27 1万+
最开始看asp.net视频的时候,由于各种原因不能联网,视频中讲到的DataGrid没有在工具箱中找到,也没在意,因为我添加GridView后,发现都能实现.所以一直认为是因为vs版本的原因只是名字不同.在后来上网查资料发现.这两个控件并不是同一个.下面就来比较一下他们吧: 先说一个问题,就是如何让DataGridZ可以在工具箱中显示：             工具——选择工具箱项——.ne
asp:GridView
最新发布
05-03
ASP.NET GridView是一个用于显示数据的控件。它可以绑定到数据源，例如数据库或XML文件，并自动生成列来显示数据。GridView还提供了排序、分页、编辑和删除等功能，使得数据的管理更加方便。GridView可以通过CSS样式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值