How to display DataGrid Column header in 2 lines?

[Suresh]

Hi,

I am developing a windows store 8.1 app. In my app I have a requirement to display the column header in two lines. How can I achieve this?

Thank you.

[Ivaylo Gergov]

Hello,

Thank you for your interest.

The RadDataGrid does not support displaying headers in two rows. Any other customizations are available through the HeaderStyle property.

Let me know should you need further assistance.

Regards,
Ivaylo Gergov
Telerik by Progress

[Suresh]

Hi,

I have tried HeaderStyle property, but I am unable to make it, could you please help me solving the issue.

Thank you.

[Ivaylo Gergov]

Hi,

As i noted before, if you want to simulate two grid rows, this would not be possible. If the scenario is different, please send me some screenshot of the desired result.

Regards,
Ivaylo Gergov
Telerik by Progress

[Suresh]

Hi,

I want to display the column header text in tow lines. If i set the width to the column and size mode fixed then if the column header text is more than the width then the header text is not displaying.

Please go through the attachment for understanding of desired output.

 

Thank you.

[Ivaylo Gergov]

Hello,

You can change the column header content like this:

<telerik:DataGridTextColumn.Header>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <TextBlock Text="first line" />
        <TextBlock Text="second line" Grid.Row="1" />
    </Grid>
</telerik:DataGridTextColumn.Header>

The binding context would be the default header content which is the property name of the column.

Regards,
Ivaylo Gergov
Telerik by Progress