<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1DataGrid_Demo2010.DeferredScrolling" mc:Ignorable="d" d:DataContext="{d:DesignData Source=/DesignData/SamplePeople.xaml}" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
    <UserControl.Resources>
        <!-- 
        The DataContext of this DataTemplate is the DataGridRow object 
        so you can access all the properties you need, either from the DataItem
        or from the row itself.
        -->
        <DataTemplate x:Key="MyScrollPreviewRowTemplate">
            <Border CornerRadius="5" Background="White" BorderBrush="#FFB0BDCA" BorderThickness="2" Margin="2">
                <Grid Width="200">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
					<Border Grid.Column="1" Grid.RowSpan="2" CornerRadius="0,4,4,0" BorderThickness="1,0,0,0" BorderBrush="#66B0BDCA" Background="#FFEEF2F5" />
                    <StackPanel Orientation="Horizontal" Margin="5 0" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" VerticalAlignment="Center">
                        <TextBlock Text="#" FontSize="14" Foreground="#FF8B8B8B" />
                        <TextBlock Text="{Binding Index}" FontSize="14" Foreground="DarkGray" />
                    </StackPanel>
                    <TextBlock Text="{Binding DataItem.Name}" TextTrimming="WordEllipsis" Margin="5,2,5,0" FontWeight="Bold" Grid.Row="0" Grid.Column="1" />
                    <TextBlock Text="{Binding DataItem.Born}" TextTrimming="WordEllipsis" Margin="5,0,5,2" Grid.Row="1" Grid.Column="1" />
                </Grid>
            </Border>
        </DataTemplate>
    </UserControl.Resources>
    
    <c1:C1DataGrid x:Name="dataGrid" ItemsSource="{Binding}" ScrollMode="Deferred" ScrollPreviewRowTemplate="{StaticResource MyScrollPreviewRowTemplate}" AutoGenerateColumns="True" CanUserAddRows="False" />
</UserControl>