Merge pull request #3578 from syncfusion-content/Maui-UG-Changes

Maui-[975367]- SfDataGrid UG Documentation Improvements.

Author: FarjanaParveen

MAUI/DataGrid/Column-types.md

@@ -138,7 +138,15 @@ You can customize the display of any column in the `SfDataGrid` by setting the [
 <syncfusion:SfDataGrid x:Name="dataGrid"    
                        ColumnWidthMode="Fill"                
                        ItemsSource="{Binding Orders}">
-    <syncfusion:SfDataGrid.Columns>         
+    <syncfusion:SfDataGrid.Columns>    
+        <syncfusion:DataGridNumericColumn HeaderText="Order ID" MappingName="OrderID">
+           <syncfusion:DataGridNumericColumn.CellTemplate>
+              <DataTemplate>
+                 <Label Text="{Binding OrderID}" TextColor="Red" HorizontalOptions="Center" VerticalOptions="Center"/>
+              </DataTemplate>
+           </syncfusion:DataGridNumericColumn.CellTemplate>
+        </syncfusion:DataGridNumericColumn>     
+        <syncfusion:DataGridTextColumn  HeaderText="Customer Name" MappingName="CustomerName" />
         <syncfusion:DataGridNumericColumn HeaderText="Quantity" MappingName="Quantity" Width="150">
             <syncfusion:DataGridNumericColumn.CellTemplate>
                 <DataTemplate>
@@ -198,6 +206,8 @@ In the following example, a custom DataTemplateSelector is used to apply differe
         <syncfusion:DataGridNumericColumn HeaderText="Order ID" 
                                           MappingName="OrderID" 
                                           CellTemplate="{StaticResource OrderTemplateSelector}"/>
+        <syncfusion:DataGridTextColumn HeaderText="Customer ID" MappingName="CustomerID" />
+        <syncfusion:DataGridTextColumn HeaderText="Customer Name" MappingName="CustomerName"/>                                 
     </syncfusion:SfDataGrid.Columns>
 </syncfusion:SfDataGrid>
 {% endhighlight %}
@@ -249,6 +259,7 @@ public class CustomCellTemplateSelector : DataTemplateSelector
                                           MappingName="OrderID"
                                           SetCellBoundValue="True" 
                                           CellTemplate="{StaticResource cellTemplate}"/>
+        <syncfusion:DataGridTextColumn HeaderText="Customer ID" MappingName="CustomerID" />                                    
         <syncfusion:DataGridTextColumn HeaderText="Customer Name" 
                                        MappingName="CustomerName" 
                                        SetCellBoundValue="True" 
@@ -260,7 +271,8 @@ public class CustomCellTemplateSelector : DataTemplateSelector
 
 <img alt="CellTemplate" src="Images\column-types\maui-datagrid-CellTemplate-Reusable.png" width="404"/>
 
-N> `CellTemplate` is not supported by `DataGridCheckboxColumn`, `DataGridImageColumn` and `DataGridUnboundColumn` columns. When using complex templates, consider the impact on scrolling performance with large datasets.
+N> 
+`CellTemplate` is not supported by `DataGridCheckboxColumn`, `DataGridImageColumn` and `DataGridUnboundColumn` columns. When using complex templates, consider the impact on scrolling performance with large datasets.
 
 ### TextAlignment
 

MAUI/DataGrid/filtering.md

@@ -55,7 +55,7 @@ The records can be filtered based on any of the following conditions:
 * Does not equal
 * Contains
 
-The above mentioned conditions are the mostly used conditions. Add new conditions and alter the following code samples based on your requiremen
+The above mentioned conditions are the mostly used conditions. Add new conditions and alter the following code samples based on your requirement.
 
 {% tabs %}
 {% highlight c# %}

MAUI/DataGrid/search.md

@@ -38,12 +38,12 @@ this.dataGrid.SearchController.Search(entry.Text);
 <img alt="Enabling Filter based on Search in DataGrid" src="Images\search\maui-datagrid-search-filtering.png" width="404"/>
 
 
-You can search the data with the case-sensitivity by setting [SearchController.AllowCaseSensitiveSearch](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridSearchController.html#Syncfusion_Maui_DataGrid_DataGridSearchController_AllowCaseSensitive) property.
+You can search the data with the case-sensitivity by setting [SearchController.AllowCaseSensitive](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridSearchController.html#Syncfusion_Maui_DataGrid_DataGridSearchController_AllowCaseSensitive) property.
 
 {% tabs %}
 {% highlight c# %}
 
-this.dataGrid.SearchController.AllowCaseSensitiveSearch = true;
+this.dataGrid.SearchController.AllowCaseSensitive = true;
 
 {% endhighlight %}
 {% endtabs %}