<xcdg:DataGridControl x:Name="grid"
                      ItemsSource="{Binding Source={StaticResource cvsEmployees}}"
                      FlowDirection="{Binding Source={x:Static local:ConfigurationData.Singleton}, Path=FlowDirection}"
                      ReadOnly="True">

    <xcdg:DataGridControl.Columns>
      <xcdg:Column FieldName="Photo"
                    IsMainColumn="True" />

      <xcdg:Column FieldName="FirstName" />

      <xcdg:Column FieldName="LastName" />

      <xcdg:Column FieldName="Title" />

      <xcdg:Column FieldName="HireDate"
                    CellContentTemplate="{StaticResource shortDateCellDataTemplate}" />

      <xcdg:Column FieldName="BirthDate"
                    CellContentTemplate="{StaticResource shortDateCellDataTemplate}" />

      <xcdg:Column FieldName="Country" 
                    CellContentTemplate="{StaticResource countryCellContentTemplate}" />

      <!-- The other columns will be added after these ones and will have default 
            appearance and behavior when they are automatically added upon loading. -->
    </xcdg:DataGridControl.Columns>

    <xcdg:DataGridControl.DetailConfigurations>
      <xcdg:DetailConfiguration RelationName="SubEmployees"
                                AutoCreateDetailConfigurations="False">

          <xcdg:DetailConfiguration.Columns>
            <xcdg:Column FieldName="HireDate"
                          CellContentTemplate="{StaticResource shortDateCellDataTemplate}" />

            <xcdg:Column FieldName="BirthDate"
                          CellContentTemplate="{StaticResource shortDateCellDataTemplate}" />

            <xcdg:Column FieldName="Country" 
                          CellContentTemplate="{StaticResource countryCellContentTemplate}" />
          </xcdg:DetailConfiguration.Columns>

          <xcdg:DetailConfiguration.DetailConfigurations>
            <xcdg:DetailConfiguration RelationName="SubEmployees"
                                      AutoCreateDetailConfigurations="False">

                <xcdg:DetailConfiguration.Columns>
                  <xcdg:Column FieldName="HireDate"
                                CellContentTemplate="{StaticResource shortDateCellDataTemplate}" />

                  <xcdg:Column FieldName="BirthDate"
                                CellContentTemplate="{StaticResource shortDateCellDataTemplate}" />

                  <xcdg:Column FieldName="Country" 
                                CellContentTemplate="{StaticResource countryCellContentTemplate}" />
                        
                </xcdg:DetailConfiguration.Columns>

            </xcdg:DetailConfiguration>
          </xcdg:DetailConfiguration.DetailConfigurations>

      </xcdg:DetailConfiguration>
    </xcdg:DataGridControl.DetailConfigurations>

    <xcdg:DataGridControl.View>
      <!-- In this sample, you can define this resource to specify the default 
            theme this DataGridControl will be in. This is not mandatory, so we
            use a DynamicResource to silently ignore its absence. -->
      <xcdg:TreeGridflowView Theme="{DynamicResource defaultTheme}"
                              UseDefaultHeadersFooters="False"
                              ShowFixedColumnSplitter="{Binding Source={x:Static local:ConfigurationData.Singleton}, Path=ShowFixedColumnSplitter}"
                              IsAlternatingRowStyleEnabled="{Binding Source={x:Static local:ConfigurationData.Singleton}, Path=IsAlternatingRowStyleEnabled}" />
    </xcdg:DataGridControl.View>
</xcdg:DataGridControl>