GridView 行列合并

在显示报表信息的时候我们可能希望展现给页面的是如下的形式:

 

节日	移动	联通	电信
中秋	计划一	计划二	计划一	计划二	计划一	计划二
12	34	56	78	89	34
国庆	计划一	计划二	计划一	计划二	计划一	计划二
56	67	23	45	23	52

 

可是GridView控件只是单纯的绑定了数据源,并不能自动的进行行列的合并显示.

这样的话就可以通过自定义函数来实现:

 

 

 

 

前台代码:

<asp:GridView ID="GView1" runat="server" Height="1px" Width="749px" OnRowCreated="GView1_RowCreated">

</asp:GridView>

//调用自定义的GView1_RowCreated函数进行行列的合并

 

后台代码:

protected void GView1_RowCreated(object sender, GridViewRowEventArgs e)

    {

        if (e.Row.RowType == DataControlRowType.Header)     //判断是否是表的第一行

        {   // GridViewRowEventArgs e对象的定义可以获取控件行的各种相关信息

 

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

            rowHeader.Font.Bold = false;    //设置头行字体样式

            rowHeader.BorderStyle = BorderStyle.Dotted;   //设置头行边框及背景样式

            rowHeader.BorderColor = Color.Black;

 

           //一下新建多个单元格,也就是用户想呈现出来的头部

            TableCell headerCell = new TableCell();

            headerCell.Text = ViewState["bz"].ToString();  //此处的ViewState["bz"]是在上面绑定数据源到GridView是声明赋值过的.比如上面表格中的节日

            headerCell.ForeColor = Color.White;

            headerCell.RowSpan = 2;

            headerCell.Style.Add("width", "6%");

            rowHeader.Cells.Add(headerCell);

 

            headerCell = new TableCell();

            headerCell.Text = "移动";

            headerCell.ForeColor = Color.White;

            headerCell.ColumnSpan = 2;

            headerCell.Style.Add("width", "10%");

            headerCell.HorizontalAlign = HorizontalAlign.Center;

            rowHeader.Cells.Add(headerCell);

 

            headerCell = new TableCell();

            headerCell.Text = "联通";

            headerCell.ForeColor = Color.White;

            headerCell.ColumnSpan = 2;

            headerCell.Style.Add("width", "10%");

            headerCell.HorizontalAlign = HorizontalAlign.Center;

            rowHeader.Cells.Add(headerCell);

 

            headerCell = new TableCell();

            headerCell.Text = "电信";

            headerCell.ForeColor = Color.White;

            headerCell.ColumnSpan = 2;

            headerCell.Style.Add("width", "10%");

            headerCell.HorizontalAlign = HorizontalAlign.Center;

            rowHeader.Cells.Add(headerCell);

 

            rowHeader.Visible = true;

            GView1.Controls[0].Controls.AddAt(0, rowHeader); //将刚刚新建拼接的一行添加到控件中的第一行

            e.Row.Cells.RemoveAt(0);

            //e.Row.Cells.RemoveAt(e.Row.Cells.Count - 1);   //该行可以移除行中的某个单元格

            for (int i = 0; i < e.Row.Cells.Count; i++)   //设置各列的宽度大小

            {

                e.Row.Cells[i].Style.Add("width", "6.3%");

            }

        }

    }

 

 

 

 

在这里只是一个简单的操作,读者可以依据实现原理自由合并,具体的就不详细了,我也是一个新手,只是知识总结一下.

 

 

顺带的讲一下单元格中个性化字体的设置

前台代码:

 

<asp:GridView ID="GView1" runat="server" Height="10px"Width="749px" OnRowDataBound="Gview1_RowDataBind">

</asp:GridView>

 

后台代码:

protected void Gview1_RowDataBind(object sender,GridViewRowEventArgs e)

    {

       switch(e.Row.RowType)

       {

           case DataControlRowType.DataRow:

               if(e.Row.Cells[0].Text == "合计")

               {

                   e.Row.BackColor = ColorTranslator.FromHtml("#F47F80");

               }

               break;

           case DataControlRowType.Header:

               if(e.Row.Cells[0].Text == "地区")

               {

                   e.Row.BackColor = ColorTranslator.FromHtml("#494949");

               }

               if (e.Row.Cells[3].Text == "三网渗透率")

               {

                   //e.Row.BackColor = ColorTranslator.FromHtml("#e4e4e4");

                   e.Row.ForeColor = ColorTranslator.FromHtml("#111111");

               }

               break;

           case DataControlRowType.Footer:

               break;

       }

}

 

根据自己的需要将标题,内容,结尾等某些特殊的行或单元格中的字体和背景色什么的进行设置.