Grid with multiple headers

[TelDev]

Hi,

I have a radgrid with some columns, In the code-behind i want to add another header on top of the existing header with column spans.
Where should i add this functionality, in prerender or itemcreated?
How to add the desired header.

Thanks
Babu

[Veli]

Hello TelDev,

RadGrid does not support multiple header rows with spanning header cells. You can achieve a similar layout by using a single GridTemplateColumn that has a table in the HeaderTemplate. This table can have multiple rows with spanning cells:

<telerik:GridTemplateColumn>
    <HeaderTemplate>
        <table>
            <tr>
                <td colspan="2">
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
    </HeaderTemplate>
    <ItemTemplate>
        <table>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</telerik:GridTemplateColumn>

Veli
the Telerik team

[TelDev]

Thanks Veli,

I want to generate the table dynamically, That is why in code-behind.
Is there any other way.

Teldev

[Veli]

Yes, here is a help  topic on how to create GridTemplateColumns programmatically.

Veli
the Telerik team

[TelDev]

Thanks again,

I am not creating the entire grid dynamically, I want to create a new header over the existing header with column spans.
The column spans are decided dynamically, so the new header need to be created in either prerender or rowcreated event of grid.

Teldev

[Veli]

OK, then try the following approach:

1. Use RadGrid's or Page's PreRender event to dynamically add another header row
2. Create a new GridHeaderItem and add it to the current header item's Parent control (it is of type GridTHead)
3. Add 2 empty GridTableHeaderCells to the new header item. These will not be visible, but they are required, as the grid has 2 hidden columns initialized every time.
4. Add as many other GridTableHeaderCells as you need, adjusting their colspans accordingly.

I have attached a test page to demonstrate this approach.

Veli
the Telerik team

[TelDev]

Hi Veli,

It worked, Thanks
I used the same approach before but missed adding 2 empty GridTableHeaderCells  to header.

Thanks
Teldev

[TelDev]

Hi,

I am also using a telerik grid with multiple headers as explained by you by adding 2 extra columns and then headers with column spans.
The headers with column spans has their own css class. The problem i am facing is the backgroud color of the top header. The scrollbar starts vertically from header 2, but not from header 1.
I have attched a image.

Thanks
TelDev

[Veli]

Hi babu,

Using scrolling with static headers is not supported in the scenario with multiple header rows.

Veli
the Telerik team