[Root] / Welcome to Xceed DataGrid, Editors, and 3D Views for WPF v7.3 / [Root] / Xceed DataGrid for WPF / [Root] / Code Snippets / Providing a Detail Configuration Item-container Style

In This Topic
    Providing a Detail Configuration Item-container Style
    In This Topic

    The following example demonstrates how to provide an item-container style for the Employee_Orders data relation.

    XAML
    Copy Code
    <Grid xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"
          xmlns:local="clr-namespace:Xceed.Wpf.Documentation">
      <Grid.Resources>
        <xcdg:DataGridCollectionViewSource x:Key="cvs_employees"
                                        Source="{Binding Source={x:Static Application.Current},
                                                  Path=Employees}"/>           
       
        <xcdg:IndexToOddConverter x:Key="rowIndexConverter" />
       
        <Style x:Key="alternatingDataRowStyle" TargetType="{x:Type xcdg:DataRow}">
          <Style.Triggers>
             <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},
                                     Path=(xcdg:DataGridVirtualizingPanel.ItemIndex),
                                     Converter={StaticResource rowIndexConverter}}"
                          Value="True">
                <Setter Property="Background" Value="AliceBlue"/>                    
             </DataTrigger>
          </Style.Triggers>
        </Style>
      </Grid.Resources>
     
      <xcdg:DataGridControl x:Name="EmployeesGrid"
                      ItemsSource="{Binding Source={StaticResource cvs_employees}}"
                      AutoCreateDetailConfigurations="True">   
        <xcdg:DataGridControl.DetailConfigurations>
          <xcdg:DetailConfiguration RelationName="Employee_Orders"
                                    Title="Employee Orders"
                                    ItemContainerStyle="{StaticResource alternatingDataRowStyle}"/>                        
        </xcdg:DataGridControl.DetailConfigurations>      
      </xcdg:DataGridControl>
    </Grid>