Mini Kabibi Habibi

<local:GridDemoModule x:Class="GridDemo.MultipleGrouping"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxet="http://schemas.devexpress.com/winfx/2008/xaml/editors/themekeys"
    xmlns:local="clr-namespace:GridDemo"
    xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
    xmlns:collections="clr-namespace:System.Collections;assembly=mscorlib"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:dxcon="clr-namespace:DevExpress.Xpf.Editors.Controls;assembly=DevExpress.Xpf.Core.v13.1"
    mc:Ignorable="d" d:DesignHeight="400" d:DesignWidth="800">
    <local:GridDemoModule.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/GridDemo;component/ModuleResources/MultipleGroupingTemplates.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </local:GridDemoModule.Resources>
    <dxdb:DemoModuleControl SupressGroupFramePaddingInOptions="False">
        <dxdb:DemoModuleControl.OptionsContent>
            <StackPanel>
                <Button HorizontalAlignment="Stretch" dx:DXDockPanel.Dock="Top" Name="groupButton" Click="groupButton_Click" MinWidth="160" Height="22" />
            </StackPanel>
        </dxdb:DemoModuleControl.OptionsContent>
        <dxg:GridControl Name="grid" AutoExpandAllGroups="True" DesignTimeDataObjectType="local:Task">
            <dxg:GridControl.Columns>
                <dxg:GridColumn FieldName="Complete" Width="80" AllowResizing="False" FixedWidth="True" />
                <dxg:GridColumn FieldName="TaskName" Width="80" DisplayTemplate="{StaticResource displayTemplate}" EditTemplate="{StaticResource editTemplate}" />
                <dxg:GridColumn FieldName="CategoryName" GroupIndex="0" AllowGrouping="True" Width="150" Header="Category" DisplayTemplate="{StaticResource displayTemplate}" EditTemplate="{StaticResource editTemplate}" ReadOnly="True" />
                <dxg:GridColumn FieldName="DueDate" DisplayTemplate="{StaticResource displayTemplate}" EditTemplate="{StaticResource editTemplate}" />
                <dxg:GridColumn FieldName="PercentComplete" Width="80" Header="% Complete" DisplayTemplate="{StaticResource displayTemplate}" EditTemplate="{StaticResource editTemplate}">
                    <dxg:GridColumn.EditSettings>
                        <dxe:SpinEditSettings MaxValue="100"
      MinValue="0"
      MaskType="Numeric"
      Mask="P0"
      MaskUseAsDisplayFormat="True">
                        </dxe:SpinEditSettings>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="Note" Visible="False">
                    <dxg:GridColumn.EditSettings>
                        <dxe:MemoEditSettings ShowIcon="True" PopupWidth="250" MemoTextWrapping="Wrap" MemoVerticalScrollBarVisibility="Auto" />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView AutoWidth="True" Name="view" ShowGroupedColumns="True" AllowGrouping="False">
                </dxg:TableView>
            </dxg:GridControl.View>
        </dxg:GridControl>
    </dxdb:DemoModuleControl>
</local:GridDemoModule>