This is a migrated thread and some comments may be shown as answers.

Muli-Row Headers supported by RadGrid?

2 Answers 196 Views
Grid
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 29 Jun 2010, 07:14 PM

I currently am using a Repeater (below) and I want to replace it with a RadGrid control.  

Can I create multi-row headers with a RadGrid control? 

I have other more complex header that span rows etc., are they supported? 
   
     
<asp:Repeater ID="Repeater1" runat="server" EnableViewState="False">  
            <HeaderTemplate> 
                <p> 
                <table width="95%" border="1" cellpadding="3" cellspacing="0">  
                <thead> 
                    <tr class="colTitle">  
                        <th colspan="5" align="center">  
                            <br/> 
                            <%# title%> 
                            <br/> 
                            <br/> 
                            For: <%# reportMonthHeader%> 
                            <br/> 
                            <br/> 
                            Process Date: <%# processDateHeader %> 
                            <br/> 
                            <br/> 
                        </th> 
                    </tr> 
                    <tr class="colTitle">  
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            Contract ID  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            Contract Name  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            Total Number of Transactions Sent  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            Total Number of Transactions Received on Time  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            Percent of Transactions Received on Time  
                        </th> 
                    </tr> 
                    <tr class="colTitle">  
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            A  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            B  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            C  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            D  
                        </th> 
                        <th style="font-size: xx-small;" align="center" valign="bottom">  
                            E  
                        </th> 
                    </tr> 
                </thead> 
                <tbody>                      
            </HeaderTemplate> 
            <ItemTemplate> 
                <tr class="<%# Container.ItemIndex % 2 == 0 ? "tblalt" : "" %>">  
                    <td width="15%" style="font-size: xx-small;" align="center" valign="middle">  
                        <%# DataBinder.Eval(Container.DataItem, "ContractId")%> 
                    </td> 
                    <td width="40%" style="font-size: xx-small;" align="center" valign="middle">  
                        <%# DataBinder.Eval(Container.DataItem, "ContractName")%> 
                    </td> 
                    <td width="15%" style="font-size: xx-small;" align="center" valign="middle">  
                        <%# DataBinder.Eval(Container.DataItem, "TotEnrollSent")%> 
                    </td> 
                    <td width="15%" style="font-size: xx-small;" align="center" valign="middle">  
                        <%# DataBinder.Eval(Container.DataItem, "TotRcvdOnTime")%> 
                    </td> 
                    <td width="15%" align="center" valign="middle" style='<%#  (bool)(DataBinder.Eval(Container.DataItem, "HighlightPctRcvdOnTime"))?"font-size:xx-small;font-weight:bold;color:red;text-decoration:underline;":"font-size: xx-small;"%>'>  
                         <%# DataBinder.Eval(Container.DataItem, "PctRcvdOnTime")%> 
                    </td> 
                </tr> 
            </ItemTemplate> 
            <FooterTemplate> 
                </tbody> 
                </table> 
                </p> 
            </FooterTemplate> 
        </asp:Repeater> 
 

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 30 Jun 2010, 06:29 AM
Hello John,

Multi-Row headers in RadGrid is achievable by using GridTemplateColumns with HTML tables in the HeaderTemplate/ItemTemplate.

The last column in the demo shows how this can be achieved.
Column Types

Also go through the following documentation:
Customizing with GridTemplateColumn


-Shinu.
0
Saranya
Top achievements
Rank 1
answered on 10 Jan 2011, 10:53 AM
1.How to select the entire column on the column header click
2.How to provide RowHeader as there is column header.

Kindly reply to it asap with code snippet. Its needed with asp.net3.5+ajax

Regards,
Saranya S
Tags
Grid
Asked by
John
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Saranya
Top achievements
Rank 1
Share this question
or