[Solved] Complex Grid Header Layout

[Vassili King]

Hello,

I'm trying to find a way to do something different with the GridView's header.  Below is a sample structure. Note that my first column is a complex one with a few items bound to several controls in its DataTemplate.

--------------------------------------------------------------------------------------------------------
|   Column 1 Header   |  Col.2 Hdr.  |  Multi-column hdr. (shared for 4 & 5)  |  Col. 5 Hdr.  |
|                              |                   |   specific to Col.  3  | specific to Col.4  |                    |
--------------------------------------------------------------------------------------------------------
|  [Photo]  Name       |                   |                              |                           |                   |
|               Address   |  data...         |  data.....                 |  data...                | data...          |
--------------------------------------------------------------------------------------------------------
|  [Photo]  Name       |                   |                              |                           |                   |
|               Address   |  data...         |  data.....                 |  data...                | data...          |
--------------------------------------------------------------------------------------------------------
|  [Photo]  Name       |                   |                              |                           |                   |
|               Address   |  data...         |  data.....                 |  data...                | data...          |
--------------------------------------------------------------------------------------------------------
|  [Photo]  Name       |                   |                              |                           |                   |
|               Address   |  data...         |  data.....                 |  data...                | data...          |
--------------------------------------------------------------------------------------------------------

Is there a way to do this with a header template? Or by adding 2 rows styled as a header to the grid after the grid has been bound? Or any other way?

Thank you!
-VK.

[Vanya Pavlova]

Hello Vassili,

There is no problem to define custom Header in a GridViewDataColumn in the following matter:

<telerik:GridViewDataColumn DataMemberBinding="{Binding SomeProperty}" ......>
   <telerik:GridViewDataColumn.Header>
       <StackPanel>
           <TextBlock Text="Some Text" ..../>
           <TextBox x:Name="textBox1" ...../>
       </StackPanel>
   </telerik:GridViewDataColumn.Header>
</telerik:GridViewDataColumn>

However if you want to simulate merged-cells behavior I would suggest you to use the approach demonstrated in the following blog post "Adding additional power to RadGridView for Silverlight with attached behaviors".


Greetings,
Vanya Pavlova
the Telerik team

[Vassili King]

Vanya,

I knew how to customize header for one column already. I was looking for something very much like the  "Adding additional power to RadGridView for Silverlight with attached behaviors" article you've mentioned. A bit hacky, but it sure did work great!
 
Thank you for your help!