Multi Header Grid view

I have been looking for a way to add headers to a grid view and to be able to re use this code this code snippet could help adding the headers to grid view

The Method that Dose the work:

Demo solution Downlod Download sourcecode

Description:

Gridview comes with a header for each column, you can't have an extra header to your Gridview, we can use the caption to some HTML tags and start building the extra headers, for me I did not like this solution, and came up with this code snippet

This method checks if the row of type header r then adds a row to the Gridview of type header by creating an object of type GridViewRow :

row = new GridViewRow(-1, -1, DataControlRowType.Header, DataControlRowState.Normal);

to add the celss I Declaird an IDictionaryEnumerator that will count the cells passed by a sorted list , then within the sorted list I creat an arry of strings that ill be used to set the cells properties , an d last adding the Cells to the row

IDictionaryEnumerator enumCels = GetCels.GetEnumerator(); 

/// <summary>

/// Gets my multi header.

/// </summary>

/// <param name="e">The <see cref="T:System.Web.UI.WebControls.GridViewRowEventArgs"/> instance containing the event data.</param>

/// <param name="GetCels">The get cels. is sorted list that contain the cells the key is the position of the cell and the valu is a comma delemeted

///  data to hold the cell information , index 0 is for the Content of the cell m index 1 is the coms span , index 2 is the row span

///  pleas dont leav the colmn span and rowspan empty</param>

public void GetMyMultiHeader(GridViewRowEventArgs e, SortedList GetCels)

{

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

        {<P>GridViewRow row;
<P>            IDictionaryEnumerator enumCels = GetCels.GetEnumerator();
<PRE class=MsoNormal style="MARGIN: 0in 0in 0pt; DIRECTION: ltr; unicode-bidi: embed; TEXT-ALIGN: left; mso-layout-grid-align: none">          

            row = new GridViewRow(-1, -1, DataControlRowType.Header, DataControlRowState.Normal);

while (enumCels.MoveNext())

{

string[] cont = enumCels.Value.ToString().Split(Convert.ToChar(","));

TableCell Cell;

Cell = new TableCell();

Cell.RowSpan = Convert.ToInt16(cont[2].ToString());

Cell.ColumnSpan = Convert.ToInt16(cont[1].ToString());

Cell.Controls.Add(new LiteralControl(cont[0].ToString()));

Cell.HorizontalAlign = HorizontalAlign.Center;

Cell.ForeColor = System.Drawing.Color.White;

row.Cells.Add(Cell);

}

e.Row.Parent.Controls.AddAt(0, row);

}

}

How to use the methode we have to use a sorted list as so

the key of the sorted list is the cell position , and the contetn of the

sell is the valu with a comma delemeted the first index is the text , the next index is the colmn span , and the 3ed index is the row span

like this example

 <P>/// <summary></P>
<P>    /// Handles the RowDataBound event of the GridViewData control.</P>
<P>    /// </summary></P>
<P>    /// <param name="sender">The source of the event.</param></P>
<P>    /// <param name="e">The <see cref="T:System.Web.UI.WebControls.GridViewRowEventArgs"/> instance containing the event data.</param></P>

<P>protected void GridViewData_RowDataBound(object sender, GridViewRowEventArgs e)</P>
<P>    {</P>



<P>        SortedList creatCels = new SortedList();</P>
<P>        creatCels.Add("1", ",5,2");</P>
<P>        creatCels.Add("2", "Comments,4,1");</P>
<P>        creatCels.Add("3", ",1,2");</P>

<P>        SortedList creatCels2 = new SortedList();</P>
<P>        creatCels2.Add("1", "Total Amount of,2,1");</P>
<P>        creatCels2.Add("2", "Total Amount of,2,1");</P>


<P>        GetMyMultiHeader(e, creatCels2);</P>
<P>        GetMyMultiHeader(e, creatCels);</P>
    }