We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you two Citrix podcasts. Learn about 2020 trends and get answers to your biggest Citrix questions!Listen Now


Customize Gridview header

codequest asked
Medium Priority
Last Modified: 2008-01-09
Is it possible to customize the gridview header row to the extent of putting a template field with a panel full of controls in it?  If so, how might I access that row for that purpose?
Watch Question

Hi codequest

      I don’t think gridview is that flexible if you need a flexible control then try datalist instead of gridview. you can customize the header of datalist by clicking on the smart tags (small play button on top right of control) .and select header template

<asp:DataList ID="DataList1" runat="server" DataKeyField="empid" DataSourceID="AccessDataSource1"
                RepeatDirection="Horizontal" RepeatLayout="Flow" OnItemDataBound="DataList1_ItemDataBound">
                    <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
                        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></asp:Panel>

                                <asp:Label ID="empidLabel" runat="server" Text='<%# Eval("empid") %>'></asp:Label></td>
                                <asp:Label ID="nameLabel" runat="server" Text='<%# Eval("name") %>'></asp:Label></td>
                                <asp:Label ID="ageLabel" runat="server" Text='<%# Eval("age") %>'></asp:Label></td>
                                <asp:Label ID="dobLabel" runat="server" Text='<%# Eval("dob") %>'></asp:Label></td>
                                <asp:Label ID="salaryLabel" runat="server" Text='<%# Eval("salary") %>'></asp:Label></td>
                <AlternatingItemStyle BackColor="Aqua" Font-Bold="False" Font-Italic="False" Font-Overline="False"
                    Font-Strikeout="False" Font-Underline="False" />

To acccess the contorls in header try following code

protected void Button1_Click(object sender, EventArgs e)
       ((Label) DataList1.Controls[0].FindControl("label1")).Text="Hello Snehal";


Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts


Thanks for input.   I'll investigate and get back to you.


spdude:  Actually, I found gridview has the same capability.   In the gridview smarttag, choose edit templates, and choose template header.   That starts it, and you can either edit there or directly in source.  

Since you got me started, if you'll respond acknowledging this post, I'll accept that as the answer.

Hi codequest

I tried your suggestion but I was not able to find header template for gridview. I don’t know how you got template header in edit templates.

But I you still wanna use grid view then I got one more trick
Make the ShowHeader="false" FOR gridview
Take a table add 2 rows in first row add the column header with panel
And in second row put the grid view

Good luck



>  new asp.net website
>  new webform
>  add gridview
>  add new column > template field
>  add element to template field  (or not, didn't check)
>  then in template editing
    >  gridview tasks
    >  template editing mode
    >  display
        >  dropdown shows header template

the dropdown didn't show the header template until I added the new template column


hey codequest

thanks for showing me the exact steps

i just love this site

what to do you think of my table solution ?


dude:  ditton on the site.  Table solution is good;  I started building my rows in vb.net code behind, though, and I'm hooked!

can u paste some of your code ?


Mon pleasure.  Here's a simplified example (and note on why not perfect, yet)




Here's the setup in the datarowbound event for the gridview

Protected Sub XYZGridView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles XYZGridView.RowDataBound

        Select Case e.Row.RowType
            Case DataControlRowType.DataRow              
                'get the row
                Dim wrkRow As DataRowView = CType(e.Row.DataItem, DataRowView)
               '  find the panel, and get it's controls  

                Dim wrkPanel As Panel = e.Row.Cells(0).Controls(0).FindControl("XZYPanel")
                Dim wrkPanelControls As ControlCollection = wrkPanel.Controls

                '  instatiate the build menu class
                Dim exeControls As New MyRowControls   ' a custom class

                ' put the row fields that will be used in the data structure  
               Dim gRow As New RowStructure
                exeControls.FillRowStructure(gRow, wrkRow)

                '  build the row
                exeControls.BuildRow(gRow, wrkPanelControls)

            Case DataControlRowType.Header
                (similar stuff, though no data structure is needed because the header row is built from static info)

The BuildRow method sorts out several cases, but eventually gets to the "add control" code cited in the message above.

RowStructure is a data structure I built so I can use the intellisense in the called methods, since DataRowView can't be typed.   I'm sure it's going to cost me when I scale up to 10,000,000 users.... :o)
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.