From c77a5afa604144b3de1b1b08d89b26558f2991ba Mon Sep 17 00:00:00 2001
From: Jumar Macato <hikari.netto23@gmail.com>
Date: Sat, 17 Nov 2018 20:22:34 +0800
Subject: [PATCH] Add description on DataGridPage.

---
 .../ControlCatalog/Pages/DataGridPage.xaml    | 70 ++++++++++---------
 1 file changed, 38 insertions(+), 32 deletions(-)

diff --git a/samples/ControlCatalog/Pages/DataGridPage.xaml b/samples/ControlCatalog/Pages/DataGridPage.xaml
index b373ace813..0893328d83 100644
--- a/samples/ControlCatalog/Pages/DataGridPage.xaml
+++ b/samples/ControlCatalog/Pages/DataGridPage.xaml
@@ -10,39 +10,45 @@
       <Setter Property="Background" Value="{Binding Path=GDP, Mode=OneWay, Converter={StaticResource GDPConverter}}" />
     </Style>
   </UserControl.Styles>
-  <TabControl>
-    <TabItem Header="DataGrid">
-      <DataGrid Name="dataGrid1" Margin="12" CanUserResizeColumns="True" CanUserReorderColumns="True">
-        <DataGrid.Columns>
-          <DataGridTextColumn Header="Country" Binding="{Binding Name}" Width="6*" />
-          <DataGridTextColumn Header="Region" Binding="{Binding Region}" Width="4*" />
-          <DataGridTextColumn Header="Population" Binding="{Binding Population}" Width="3*" />
-          <DataGridTextColumn Header="Area" Binding="{Binding Area}" Width="3*" />
-          <DataGridTextColumn Header="GDP" Binding="{Binding GDP}" Width="3*" CellStyleClasses="gdp" />
-        </DataGrid.Columns>
-      </DataGrid>
-    </TabItem>
-    <TabItem Header="Grouping">
-      <DataGrid Name="dataGridGrouping" Margin="12">
-        <DataGrid.Columns>
-          <DataGridTextColumn Header="Country" Binding="{Binding Name}" Width="6*" />
-          <DataGridTextColumn Header="Region" Binding="{Binding Region}" Width="4*" />
-          <DataGridTextColumn Header="Population" Binding="{Binding Population}" Width="3*" />
-          <DataGridTextColumn Header="Area" Binding="{Binding Area}" Width="3*" />
-          <DataGridTextColumn Header="GDP" Binding="{Binding GDP}" Width="3*" />
-        </DataGrid.Columns>
-      </DataGrid>
-    </TabItem>
-    <TabItem Header="Editable">
-      <Grid RowDefinitions="*,Auto">
-        <DataGrid Name="dataGridEdit" Margin="12" Grid.Row="0">
+  <Grid RowDefinitions="Auto,Auto">
+    <StackPanel Orientation="Vertical" Spacing="4" Grid.Row="0">
+      <TextBlock Classes="h1">DataGrid</TextBlock>
+      <TextBlock Classes="h2">A control for displaying and interacting with a data source.</TextBlock>
+    </StackPanel>
+    <TabControl Grid.Row="1">
+      <TabItem Header="DataGrid">
+        <DataGrid Name="dataGrid1" Margin="12" CanUserResizeColumns="True" CanUserReorderColumns="True">
           <DataGrid.Columns>
-            <DataGridTextColumn Header="First Name" Binding="{Binding FirstName}" Width="2*" />
-            <DataGridTextColumn Header="Last" Binding="{Binding LastName}" Width="*" />
+            <DataGridTextColumn Header="Country" Binding="{Binding Name}" Width="6*" />
+            <DataGridTextColumn Header="Region" Binding="{Binding Region}" Width="4*" />
+            <DataGridTextColumn Header="Population" Binding="{Binding Population}" Width="3*" />
+            <DataGridTextColumn Header="Area" Binding="{Binding Area}" Width="3*" />
+            <DataGridTextColumn Header="GDP" Binding="{Binding GDP}" Width="3*" CellStyleClasses="gdp" />
           </DataGrid.Columns>
         </DataGrid>
-        <Button Grid.Row="1" Name="btnAdd" Margin="12,0,12,12" Content="Add" HorizontalAlignment="Right" />
-      </Grid>
-    </TabItem>
-  </TabControl>
+      </TabItem>
+      <TabItem Header="Grouping">
+        <DataGrid Name="dataGridGrouping" Margin="12">
+          <DataGrid.Columns>
+            <DataGridTextColumn Header="Country" Binding="{Binding Name}" Width="6*" />
+            <DataGridTextColumn Header="Region" Binding="{Binding Region}" Width="4*" />
+            <DataGridTextColumn Header="Population" Binding="{Binding Population}" Width="3*" />
+            <DataGridTextColumn Header="Area" Binding="{Binding Area}" Width="3*" />
+            <DataGridTextColumn Header="GDP" Binding="{Binding GDP}" Width="3*" />
+          </DataGrid.Columns>
+        </DataGrid>
+      </TabItem>
+      <TabItem Header="Editable">
+        <Grid RowDefinitions="*,Auto">
+          <DataGrid Name="dataGridEdit" Margin="12" Grid.Row="0">
+            <DataGrid.Columns>
+              <DataGridTextColumn Header="First Name" Binding="{Binding FirstName}" Width="2*" />
+              <DataGridTextColumn Header="Last" Binding="{Binding LastName}" Width="*" />
+            </DataGrid.Columns>
+          </DataGrid>
+          <Button Grid.Row="1" Name="btnAdd" Margin="12,0,12,12" Content="Add" HorizontalAlignment="Right" />
+        </Grid>
+      </TabItem>
+    </TabControl>
+  </Grid>
 </UserControl>
\ No newline at end of file