diff --git a/Pages/Index.razor b/Pages/Index.razor
index 6f14d33..3d84bc6 100644
--- a/Pages/Index.razor
+++ b/Pages/Index.razor
@@ -4,22 +4,25 @@
 @using Syncfusion.Blazor.Inputs
 @using System.IO
 
-<SfGrid AllowPaging="true" @ref="MyGrid" DataSource="@Orders" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })">
-    <GridEvents OnActionBegin="BeginHandler" OnActionComplete="ActionComplete" TValue="Order"></GridEvents>
+<SfGrid AllowPaging="true" @ref="Grid" DataSource="@EmployeeData" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })">
+    <GridEvents TValue="@EmployeeDetails" RowEditing="RowEditingHandler" RowCreating="RowAddingHandler" RowUpdating="RowUpdatingHandler"></GridEvents>
     <GridEditSettings AllowEditing="true" AllowDeleting="true" AllowAdding="true" Mode="EditMode.Dialog">
         <Template>
             @{
-                var Order = (context as Order);
+                var Employee = (context as EmployeeDetails);
             }
             <div>
                 <table>
                     <tbody>
                         <tr>
                             <td>
-                                <span>Employee Name</span>
+                                <SfNumericTextBox ID="EmployeeID" @bind-Value="@(Employee.EmployeeID)" Enabled="@((Employee.EmployeeID == 0) ? true : false)" FloatLabelType="FloatLabelType.Always" Placeholder="Employee ID"></SfNumericTextBox>
                             </td>
+                        </tr>
+                        <tr>
                             <td>
-                                <b style="margin-left: -50px;">@Order.CustomerID</b><br>
+                                <SfTextBox ID="EmployeeName" @bind-Value="@(Employee.EmployeeName)" TValue="string" FloatLabelType="FloatLabelType.Always" Placeholder="Employee Name">
+                                </SfTextBox>
                             </td>
                         </tr>
                         <tr>
@@ -27,7 +30,7 @@
                                 <span>Employee Image</span>
                             </td>
                             <td>
-                                <div class="image"><img class="upload-image" style="margin-top: 10px;margin-left: -50px;" src="@Order.Imagesrc" /></div>
+                                <div class="image"><img class="upload-image" style="margin-top: 10px;margin-left: -50px;" src="@Employee.ImageUrl" /></div>
                             </td>
                         </tr>
                         <tr>
@@ -59,12 +62,12 @@
         </Template>
     </GridEditSettings>
     <GridColumns>
-        <GridColumn Field=@nameof(Order.OrderID) HeaderText="Employee ID" IsPrimaryKey="true" TextAlign="@TextAlign.Center" Width="140"></GridColumn>
-        <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Employee Name" Width="140"></GridColumn>
-        <GridColumn Field="Imagesrc" HeaderText="Employee Image" Width="200">
+        <GridColumn Field=@nameof(EmployeeDetails.EmployeeID) HeaderText="Employee ID" IsPrimaryKey="true" ValidationRules="@(new ValidationRules{ Required=true})" TextAlign="@TextAlign.Right" Width="140"></GridColumn>
+        <GridColumn Field=@nameof(EmployeeDetails.EmployeeName) HeaderText="Employee Name" Width="140"></GridColumn>
+        <GridColumn Field="ImageUrl" HeaderText="Employee Image" Width="200">
             <Template>
                 @{
-                    var imageUrl = (context as Order).Imagesrc;
+                    var imageUrl = (context as EmployeeDetails).ImageUrl;
                     <div class="image">
                         <img src="@imageUrl" />
                     </div>
@@ -85,16 +88,21 @@
 @code {
 
     public List<fileInfo> files = new List<fileInfo>();
-    public SfGrid<Order> MyGrid { get; set; }
+    public SfGrid<EmployeeDetails> Grid { get; set; }
     public string UploadedFile { get; set; }
-    public List<Order> Orders { get; set; }
-
-    public void ActionComplete(ActionEventArgs<Order> args)
+    public List<EmployeeDetails> EmployeeData { get; set; }
+   
+    public void RowAddingHandler(RowCreatingEventArgs<EmployeeDetails> args)
     {
-        if (args.RequestType.Equals(Syncfusion.Blazor.Grids.Action.Add) || args.RequestType.Equals(Syncfusion.Blazor.Grids.Action.BeginEdit))
-        {
-            MyGrid.PreventRender(false);
-        }
+        Grid.PreventRender(false);
+    }
+    public void RowEditingHandler(RowEditingEventArgs<EmployeeDetails> args)
+    {
+         Grid.PreventRender(false);
+    }
+    public void RowUpdatingHandler(RowUpdatingEventArgs<EmployeeDetails> args)
+    {
+       args.Data.ImageUrl = "scripts/Images/Employees/" + UploadedFile;
     }
 
     public void OnChange(UploadChangeEventArgs args)
@@ -111,46 +119,26 @@
         }
     }
 
-    public void BeginHandler(ActionEventArgs<Order> Args)
-    {
-        if (Args.RequestType == Syncfusion.Blazor.Grids.Action.Save && Args.Action == "Add")
-        {
-            Args.Data.Imagesrc = "scripts/Images/Employees/" + UploadedFile;
-        }
-        else if (Args.RequestType == Syncfusion.Blazor.Grids.Action.Save && Args.Action == "Edit")
-        {
-            Args.Data.Imagesrc = "scripts/Images/Employees/" + UploadedFile;
-        }
-
-    }
-
     public void Selected(SelectedEventArgs Args)
     {
         UploadedFile = Args.FilesData[0].Name;
-
     }
 
     protected override void OnInitialized()
     {
-        Orders = Enumerable.Range(1, 9).Select(x => new Order()
+        EmployeeData = Enumerable.Range(1, 9).Select(x => new EmployeeDetails()
             {
-                OrderID = 1000 + x,
                 EmployeeID = x,
-                CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
-                Imagesrc = "scripts/Images/Employees/" + x + ".png",
-                Freight = 2.1 * x,
-                OrderDate = DateTime.Now.AddDays(-x),
+                EmployeeName = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+                ImageUrl = "scripts/Images/Employees/" + x + ".png",
             }).ToList();
     }
 
-    public class Order
+    public class EmployeeDetails
     {
-        public int? OrderID { get; set; }
         public int EmployeeID { get; set; }
-        public string CustomerID { get; set; }
-        public DateTime? OrderDate { get; set; }
-        public string Imagesrc { get; set; }
-        public double? Freight { get; set; }
+        public string EmployeeName { get; set; }
+        public string ImageUrl { get; set; }
     }
 
     public class fileInfo