updated KB content

Author: NirmalKumarYuvaraj

README.md

@@ -9,12 +9,21 @@ In.NET [MAUI DataGrid](https://www.syncfusion.com/maui-controls/maui-datagrid) (
 
 4.	Finally, you must add the custom column to the [SfDataGrid.Columns](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_Columns) collection and its renderer in the [SfDataGrid.CellRenderers](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_CellRenderers) collection.
 
->Note:
->* *D- type of the view that should be placed inside cells in display mode.*
->* *E- type of the view that should be placed inside cells in edit mode.*
-
 For example, refer the below example in which a custom column is created for loading a Stepper control in the grid columns. A custom renderer class is written to load Stepper control as display.
 
+## XAML
+```XAML
+<syncfusion:SfDataGrid x:Name="dataGrid"  
+                           ItemsSource="{Binding Employees}"       
+                           ColumnWidthMode="Auto"
+                           AutoGenerateColumnsMode="None">
+        <syncfusion:SfDataGrid.Columns>
+            <local:StepperColumn MappingName="OrderID"/>
+        </syncfusion:SfDataGrid.Columns>
+</syncfusion:SfDataGrid>
+
+```
+
 ## C#
 ### Creating Stepper Column
 ```C#
@@ -46,28 +55,18 @@ public class StepperColumnRenderer : DataGridCellRenderer<Stepper, Stepper>
 ```C#
 public partial class MainPage : ContentPage
 {
-    public SfDataGrid dataGrid;
-    EmployeeViewModel viewModel;
+    
     public MainPage()
     {
         InitializeComponent();
-        dataGrid = new SfDataGrid() 
-        { 
-            ColumnWidthMode = ColumnWidthMode.Auto
-        };
-        viewModel = new EmployeeViewModel();
-        dataGrid.ItemsSource = viewModel.Employees;
-        dataGrid.AutoGenerateColumnsMode = AutoGenerateColumnsMode.None;
         dataGrid.CellRenderers.Add("Stepper", new StepperColumnRenderer());
-        var customColumn = new StepperColumn();
-        customColumn.MappingName = "OrderID";
-        dataGrid.Columns.Add(customColumn);
-        this.Content = dataGrid;
     }	
 }
 ```
 ![How to create a Custom DataGridColumn](CustomDatagridColumn.png)
 ## Conclusion
+I hope you enjoyed learning about how to create custom DataGridColumn in MAUI DataGrid (SfDataGrid).
+
 You can refer to our [.NET MAUI DataGrid’s feature tour](https://www.syncfusion.com/maui-controls/maui-datagrid) page to know about its other groundbreaking feature representations. You can also explore our .NET MAUI DataGrid Documentation to understand how to present and manipulate data.
 For current customers, you can check out our .NET MAUI components from the [License and Downloads](https://www.syncfusion.com/account/downloads) page. If you are new to Syncfusion, you can try our 30-day free trial to check out our .NET MAUI DataGrid and other .NET MAUI components.
 If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our [support forums](https://www.syncfusion.com/forums), [Direct-Trac](https://support.syncfusion.com/account/login?ReturnUrl=%2Faccount%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Dc54e52f3eb3cde0c3f20474f1bc179ed%26redirect_uri%3Dhttps%253A%252F%252Fsupport.syncfusion.com%252Fagent%252Flogincallback%26response_type%3Dcode%26scope%3Dopenid%2520profile%2520agent.api%2520integration.api%2520offline_access%2520kb.api%26state%3D8db41f98953a4d9ba40407b150ad4cf2%26code_challenge%3DvwHoT64z2h21eP_A9g7JWtr3vp3iPrvSjfh5hN5C7IE%26code_challenge_method%3DS256%26response_mode%3Dquery) or [feedback portal](https://www.syncfusion.com/feedback/maui?control=sfdatagrid). We are always happy to assist you!