<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="C1DataGrid_WCF_DS.Page" Width="800" Height="600" 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">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="60" />
        </Grid.RowDefinitions>
        <TextBlock Text="Products:" FontSize="30" Foreground="SlateBlue" Margin="0 20 0 0" Grid.Row="0" />
        <!-- To allow add/remove rows, set the CanUserAddRows, CanUserEditRows and CanUserRemoveRows to True-->
        <c1:C1DataGrid x:Name="_dataGrid" AutoGenerateColumns="False" CanUserAddRows="True" CanUserEditRows="True" CanUserRemoveRows="True" FrozenColumnCount="1" SortChanging="_dataGrid_SortChanging" SortChanged="_dataGrid_SortChanged" FilterChanging="_dataGrid_FilterChanging" FilterChanged="_dataGrid_FilterChanged" GroupChanging="_dataGrid_GroupChanging" GroupChanged="_dataGrid_GroupChanged" Grid.Row="1">
            <c1:C1DataGrid.Columns>
                <c1:DataGridNumericColumn Binding="{Binding ProductID}" FilterMemberPath="ProductID" SortMemberPath="ProductID" Header="ID" />
                <c1:DataGridTextColumn Binding="{Binding ProductNumber, Mode=TwoWay}" FilterMemberPath="ProductNumber" SortMemberPath="ProductNumber" Header="Number" />
                <c1:DataGridTextColumn Binding="{Binding Name, Mode=TwoWay}" FilterMemberPath="Name" SortMemberPath="Name" Header="Name" />
                <c1:DataGridTextColumn Binding="{Binding Color, Mode=TwoWay}" FilterMemberPath="Color" SortMemberPath="Color" Header="Color" />
                <c1:DataGridDateTimeColumn Binding="{Binding SellStartDate, Mode=TwoWay}" FilterMemberPath="SellStartDate" SortMemberPath="SellStartDate" Header="Sell Start Date" Format="d" />
                <c1:DataGridNumericColumn Binding="{Binding StandardCost, Mode=TwoWay}" FilterMemberPath="StandardCost" SortMemberPath="StandardCost" Header="Standard Cost" Format="C" />
                <c1:DataGridNumericColumn Binding="{Binding ListPrice, Mode=TwoWay}" FilterMemberPath="ListPrice" SortMemberPath="ListPrice" Header="List Price" Format="C" />
            </c1:C1DataGrid.Columns>
        </c1:C1DataGrid>

        <TextBox x:Name="_validationArea" Foreground="Red" Visibility="Collapsed" IsReadOnly="True" AcceptsReturn="True" Grid.Row="2" />
    </Grid>
</UserControl>