How to bind Row Header in wpf datagrid?

Question

In my project i want datagrid row header values like outlook calendar. For assuming that is 9.00, 9.30, 10.00, 10.30.... But its not fixed one, it may vary,.. 9.00 pm, 10.00 pm.

i am using two TextBlock for this and i got almost same shape too. but my values are fixed one that is 1-00, 1-00,1-00, 1-00,1-00, 1-00,........

My Code-

<DataGrid AutoGenerateColumns="False" Height="560" HorizontalAlignment="Left" Margin="30,54,0,0" Name="myDataGrid" VerticalAlignment="Top" Width="884" MouseDoubleClick="myDataGrid_MouseDoubleClick" IsEnabled="True" SelectionUnit="Cell">
        <DataGrid.RowHeaderTemplate>
            <DataTemplate>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                        <TextBlock Text="1" Foreground="#9493CF" FontSize="16" />
                        <TextBlock Text="00" Foreground="#9493CF" />
                    </StackPanel>
            </DataTemplate>
        </DataGrid.RowHeaderTemplate>
            <DataGrid.ContextMenu>
                <ContextMenu x:Name="LeftClickMenu">
                    <MenuItem Header="New Appointment" Click="MenuItem_Click"/>
                    <!--<MenuItem Header="Save"/>
                    <MenuItem Header="Print"/>-->
                    <Separator/>
                    <MenuItem Header="Exit"/>
                </ContextMenu>
            </DataGrid.ContextMenu>
        </DataGrid>

What I want -

enter image description here

What I Got -

enter image description here

possible duplicate of Binding not working in WPF Datagrid second row header — Sagotharan
– Sagotharan, Commented Jan 2, 2014 at 12:17

Rohit Vats · Accepted Answer · 2013-12-26 08:51:56Z

4

~~You can specify negative top margin on second textBlock:~~

<TextBlock Text="00" Foreground="#9493CF" Margin="1,-5,0,0"/>

Output with negative top margin:

Output without margin:

Update:

In case you want header to be customizable, you need to have one property in your model class(object representing row) say Time which will be different for different rows. For first row Time value will be 9, second 10 and so on.

Then you can bind to that property like this:

<StackPanel Orientation="Horizontal" VerticalAlignment="Center" 
            HorizontalAlignment="Center">
    <TextBlock Text="{Binding Path=DataContext.Time,
                        RelativeSource={RelativeSource Mode=FindAncestor,
                                                AncestorType=DataGridRowHeader}}"
                Foreground="#9493CF" FontSize="16" />
    <TextBlock Text="00" Foreground="#9493CF" />
</StackPanel>

edited Dec 26, 2013 at 8:51

answered Dec 26, 2013 at 8:35

Rohit Vats

81.5k13 gold badges170 silver badges193 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Sagotharan Over a year ago

sir i want to set the value, 9.00, 9.30, 10.00, 10.30.... like this, but i got 1 00, 1 00,1 00, 1 00,1 00, 1 00,1 00, 1 00.. that is my question. How can i set the values in row header

Sagotharan Over a year ago

I got 00,00,00 only. explain property also sir

Rohit Vats Over a year ago

What's ItemSource property for your DataGrid?

Sagotharan Over a year ago

my project skydrive.live.com/… download my project, and see the source code sir.

Rohit Vats Over a year ago

Ok great. You should read more about Binding and MVVM. That will help you understand the concept for sure.

|

Collectives™ on Stack Overflow

How to bind Row Header in wpf datagrid?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related