<UserControl
    x:Class="ControlExplorer.Controls.FlexGrid.Editing"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1Flexgrid="using:C1.Xaml.FlexGrid"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">
    
    <Grid>
        <c1Flexgrid:C1FlexGrid x:Name="flexgrid" FontSize="20" MinRowHeight="30" AutoGenerateColumns="False" Background="{ThemeResource AppBarBorderThemeBrush}">
            <c1Flexgrid:C1FlexGrid.Columns>
                <c1Flexgrid:Column Binding="{Binding First, Mode=TwoWay}" Header="First Name" Width="120" />
                <c1Flexgrid:Column Binding="{Binding Last,Mode=TwoWay}" Header="Last Name" Width="120"/>
                <c1Flexgrid:Column Binding="{Binding CountryID, Mode=TwoWay}" />
                <c1Flexgrid:Column Binding="{Binding Hired, Mode=TwoWay}" Header="Hire Date" Format="d" />
                <c1Flexgrid:Column Binding="{Binding Weight, Mode=TwoWay}" Format="n2">
                    <!--<c1Flexgrid:Column.CellEditingTemplate>
                        <DataTemplate>
                            <c1:C1NumericBox Value="{Binding Weight}" />
                        </DataTemplate>
                    </c1Flexgrid:Column.CellEditingTemplate>-->
                </c1Flexgrid:Column>
                <c1Flexgrid:Column Binding="{Binding Active,Mode=TwoWay}">
                    <!--<c1Flexgrid:Column.CellTemplate>
                        <DataTemplate>
                            <CheckBox IsChecked="{Binding Active, Mode=TwoWay}" Height="30" Margin="0" Padding="0" />
                        </DataTemplate>
                    </c1Flexgrid:Column.CellTemplate>
                    <c1Flexgrid:Column.CellEditingTemplate>
                        <DataTemplate>
                            <CheckBox IsChecked="{Binding Active, Mode=TwoWay}" />
                        </DataTemplate>
                    </c1Flexgrid:Column.CellEditingTemplate>-->
                </c1Flexgrid:Column>
                <c1Flexgrid:Column Binding="{Binding Name}" Header="Full Name (readonly)" Width="200" />
            </c1Flexgrid:C1FlexGrid.Columns>
        </c1Flexgrid:C1FlexGrid>
    </Grid>
</UserControl>
