469,934 Members | 1,823 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,934 developers. It's quick & easy.

Multi column header gridview | ASP.Net 2.0

hi,
I want to display data in on my web page, in gridview in this format:
Group A Group B
A1 A2 B1 B2
Test 1 1 2 1 2
Test 2 1 2 1 2

Group A is header to columns A1 and A2 and Group B is header to
columns B1 and B2.
How do i add header to columns A1 A2 and B1 B2?

I am using ASP.Net 2.0. Please help me. Is it possible with some other
control instead of gridview?

Thanks

Aug 19 '07 #1
4 19317
Hi,
try to use code like following (its handler for RowDataBound event where you
can modify attributes for any row or cell):

protected void GridView1_RowDataBound(object sender,
GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Header)
{
// imagine you have 5 cells and you want only three header cells
// 2nd and 3rd columns will have one header
e.Row.Cells[1].Attributes.Add("colspan", "2");
// 4th and 5th columns will also have one header
e.Row.Cells[3].Attributes.Add("colspan", "2");
e.Row.Cells.RemoveAt(2); // you have reduced count of cells by one
e.Row.Cells.RemoveAt(3); // so now you have only 4 cells = last
has index 3
}
}

I hope code with comments is self explanatory. Don't use sorting when you
want to span some columns. Sort expression will still use only column where
header was supposed to be use.

Regards,
Ladislav

"tirath" wrote:
hi,
I want to display data in on my web page, in gridview in this format:
Group A Group B
A1 A2 B1 B2
Test 1 1 2 1 2
Test 2 1 2 1 2

Group A is header to columns A1 and A2 and Group B is header to
columns B1 and B2.
How do i add header to columns A1 A2 and B1 B2?

I am using ASP.Net 2.0. Please help me. Is it possible with some other
control instead of gridview?

Thanks

Aug 20 '07 #2
After looking at the following article:
http://dotnetslackers.com/GridView/r...ta_Exists.aspx

I have come up with an idea that may solve your particular problem: If you
override a GridView and then override its CreateChildControls methods similar
to the following:

protected override int CreateChildControls(System.Collections.IEnumerable
dataSource, bool dataBinding)
{
int result = base.CreateChildControls(dataSource, dataBinding);
//create a new header row
GridViewRow row = base.CreateRow(-1, -1, DataControlRowType.Header,
DataControlRowState.Normal);
//convert the exisiting columns into an array and initialize
DataControlField[] fields = new DataControlField[this.Columns.Count];
this.Columns.CopyTo(fields, 0);
this.InitializeRow(row, fields);
// perform any manipulations with cells that you think are appropriate
// for example, you will need to add colspan attribute to cells 1 and 3,
change their captions, and remove cells 2 and 4
Table table = (Table)this.Controls[0];
table.Rows.AddAt(0, row);
return result;
}

Hope this helps
"tirath" wrote:
hi,
I want to display data in on my web page, in gridview in this format:
Group A Group B
A1 A2 B1 B2
Test 1 1 2 1 2
Test 2 1 2 1 2

Group A is header to columns A1 and A2 and Group B is header to
columns B1 and B2.
How do i add header to columns A1 A2 and B1 B2?

I am using ASP.Net 2.0. Please help me. Is it possible with some other
control instead of gridview?

Thanks

Aug 20 '07 #3
You can use a repeater like this:

<asp:repeater>
<asp:headertemplate>
<table>
<tr>
<td colspan=2>Group A</td>
<td colspan=2>Group B</td>
</tr>
<tr>
<td>A1</td>
<td>A2</td>
<td>B1</td>
<td>B2</td>
</tr>
</asp:headertemplate>
<asp:itemtemplate>
<tr>
....
</tr>
</asp:itemtemplate>
<asp:footertemplate>
</table>
</asp:footertemplate>
</asp:repeater>

--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net
"tirath" <Ti******@hotmail.comwrote in message
news:11**********************@w3g2000hsg.googlegro ups.com...
hi,
I want to display data in on my web page, in gridview in this format:
Group A Group B
A1 A2 B1 B2
Test 1 1 2 1 2
Test 2 1 2 1 2

Group A is header to columns A1 and A2 and Group B is header to
columns B1 and B2.
How do i add header to columns A1 A2 and B1 B2?

I am using ASP.Net 2.0. Please help me. Is it possible with some other
control instead of gridview?

Thanks

Aug 20 '07 #4
On 19 , 22:21, tirath <Tirat...@hotmail.comwrote:
hi,
I want to display data in on my web page, in gridview in this format:
Group A Group B
A1 A2 B1 B2
Test 1 1 2 1 2
Test 2 1 2 1 2

Group A is header to columns A1 and A2 and Group B is header to
columns B1 and B2.
How do i add header to columns A1 A2 and B1 B2?

I am using ASP.Net 2.0. Please help me. Is it possible with some other
control instead of gridview?

Thanks
Look here:
http://marss.co.ua/MergingGridViewHeaderColumns.aspx

Regards, Mykola

Aug 20 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Hans Merkl | last post: by
3 posts views Thread by TPhelps | last post: by
1 post views Thread by ZeroDev | last post: by
4 posts views Thread by Chuck | last post: by
5 posts views Thread by bbawa1 | last post: by
3 posts views Thread by Nathan Sokalski | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.