How to make DataGrid looks like a CardView?
<p>I made some DataGrid Customization to be looks like a Cards View, 
i know there is some different ways to do this but for some other dependencies i need it a datagrid, i customized 
the Row Style as below:</p>

<pre><code>  &lt;Style x:Key="CardStyle" TargetType="{x:Type DataGridRow}"&gt;
                &lt;Setter Property="BorderBrush" Value="Gray" /&gt;
                &lt;Setter Property="BorderThickness" Value="1" /&gt;
                &lt;Setter Property="Margin" Value="2.5" /&gt;
                &lt;Setter Property="Background" Value="White" /&gt;
                &lt;Setter Property="Template"&gt;
                    &lt;Setter.Value&gt;
                        &lt;ControlTemplate TargetType="{x:Type DataGridRow}"&gt;
                            &lt;Border x:Name="DGR_Border"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Background="{TemplateBinding Background}"
                    SnapsToDevicePixels="True"&gt;
                                &lt;SelectiveScrollingGrid&gt;
                                    &lt;SelectiveScrollingGrid.ColumnDefinitions&gt;
                                        &lt;ColumnDefinition Width="Auto" /&gt;
                                        &lt;ColumnDefinition Width="*" /&gt;
                                    &lt;/SelectiveScrollingGrid.ColumnDefinitions&gt;
                                    &lt;SelectiveScrollingGrid.RowDefinitions&gt;
                                        &lt;RowDefinition Height="*" /&gt;
                                        &lt;RowDefinition Height="Auto" /&gt;
                                    &lt;/SelectiveScrollingGrid.RowDefinitions&gt;
&lt;!-- Replacment of DataGridCellsPresenter --&gt;                                        
&lt;ContentControl
                                            Grid.Column="1"
                                            Content="{Binding}"
                                            ContentTemplate="{Binding ItemTemplate,RelativeSource={RelativeSource AncestorType=DataGrid}}"
                                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"&gt;
                                        &lt;/ContentControl&gt;
                                        &lt;DataGridDetailsPresenter Grid.Column="1"
                                                  Grid.Row="1"
                                                  SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"
                                                  Visibility="{TemplateBinding DetailsVisibility}" /&gt;
                                        &lt;DataGridRowHeader Grid.RowSpan="2"
                                           SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"
                                           Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" /&gt;
                                    &lt;/SelectiveScrollingGrid&gt;
                                &lt;/Border&gt;
                                &lt;ControlTemplate.Triggers&gt;
                                    &lt;Trigger Property="IsMouseOver"
                             Value="True"&gt;
                                        &lt;Setter TargetName="DGR_Border"
                                Property="Background"
                                Value="LightGray" /&gt;
                                    &lt;/Trigger&gt;
                                    &lt;Trigger Property="IsSelected"
                             Value="True"&gt;
                                        &lt;Setter TargetName="DGR_Border"
                                Property="Background"
                                Value="Gray" /&gt;
                                    &lt;/Trigger&gt;
                                &lt;/ControlTemplate.Triggers&gt;
                            &lt;/ControlTemplate&gt;
                        &lt;/Setter.Value&gt;
                    &lt;/Setter&gt;
                    &lt;Style.Triggers&gt;
                        &lt;MultiTrigger&gt;
                            &lt;MultiTrigger.Conditions&gt;
                                &lt;Condition Property="IsSelected" Value="True" /&gt;
                            &lt;/MultiTrigger.Conditions&gt;
                            &lt;Setter Property="Background" Value="Red" /&gt;
                        &lt;/MultiTrigger&gt;
                        &lt;MultiTrigger&gt;
                            &lt;MultiTrigger.Conditions&gt;
                                &lt;Condition Property="ItemsControl.AlternationIndex" Value="1" /&gt;
                                &lt;Condition Property="IsSelected" Value="False" /&gt;
                            &lt;/MultiTrigger.Conditions&gt;
                            &lt;Setter Property="Background" Value="LightGray" /&gt;
                        &lt;/MultiTrigger&gt;
                    &lt;/Style.Triggers&gt;
                &lt;/Style&gt;
</code></pre>

<p>and the DataGrid Xaml Code:</p>

<pre><code>&lt;DataGrid         HeadersVisibility="None"
                      SelectionUnit="FullRow"
                      RowStyle="{StaticResource CardStyle}"
                      ScrollViewer.HorizontalScrollBarVisibility="Disabled"&gt;
        &lt;DataGrid.ItemTemplate&gt;
            &lt;DataTemplate&gt;
                &lt;Label Content="{Binding}"  HorizontalContentAlignment="Center" VerticalContentAlignment="Center" /&gt;
            &lt;/DataTemplate&gt;
        &lt;/DataGrid.ItemTemplate&gt;
        &lt;DataGrid.ItemsPanel&gt;
            &lt;ItemsPanelTemplate&gt;
                &lt;WrapPanel IsItemsHost="True" Orientation="Horizontal" /&gt;
            &lt;/ItemsPanelTemplate&gt;
        &lt;/DataGrid.ItemsPanel&gt;
    &lt;/DataGrid&gt;
</code></pre>

<p>I got this result:</p>

<p><a href="https://i.stack.imgur.com/4XxaP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4XxaP.png" alt="result"></a></p>

<p>Its looks like good, but i lost the Selection Behavior, when select an item no action. please help me.</p>