<Grid xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid">

  <Grid.Resources>

    <xcdg:DataGridCollectionViewSource x:Key="cvs_orders"

                                       Source="{Binding Source={x:Static Application.Current},

                                                        Path=Orders}"/>

  </Grid.Resources>

  <xcdg:DataGridControl x:Name="OrdersGrid"

                        ItemsSource="{Binding Source={StaticResource cvs_orders}}">

    <xcdg:DataGridControl.View>

      <xcdg:CardView UseDefaultHeadersFooters="False">

        <xcdg:CardView.FixedHeaders>

         <DataTemplate>

           <DockPanel>

             <!-- OneWay binding is used because we want the ColumnManagerRow's height to

                  follow what is defined by the GroupByControl. A FallbackValue

                  is specified so the initial measure pass has an acceptable minimal

                  value.-->

             <xcdg:ColumnManagerRow DockPanel.Dock="Right"

                                    Height="{Binding ElementName=groupByControl,

                                                     Path=ActualHeight,

                                                     Mode=OneWay,

                                                     FallbackValue=60}"/>

             <xcdg:GroupByControl x:Name="groupByControl"/>

           </DockPanel>

         </DataTemplate>

        </xcdg:CardView.FixedHeaders>

      </xcdg:CardView>

    </xcdg:DataGridControl.View>

  </xcdg:DataGridControl>

</Grid>