Xceed DataGrid for WPF v7.2 Documentation
Providing a Detail Configuration Item-container Style
Welcome to Xceed DataGrid, Editors, and 3D Views for WPF v7.2 > Xceed DataGrid for WPF > Code Snippets > Providing a Detail Configuration Item-container Style

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>