diff --git a/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/frozen.cs b/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/frozen.cs
new file mode 100644
index 0000000000..d7ac3aa3f2
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/frozen.cs
@@ -0,0 +1,6 @@
+public IActionResult DefaultExporting()
+{
+    var order = OrdersDetails.GetAllRecords();
+    ViewBag.dataSource = order;
+    return View();
+}
diff --git a/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/razor b/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/razor
new file mode 100644
index 0000000000..fe97eb361c
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/razor
@@ -0,0 +1,31 @@
+@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.dataSource).FrozenColumns(2).Columns(col =>
+{
+    col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("OrderDate").HeaderText("Order Date").Width("130").Format("yMd").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Edit(new { create = "createDatePicker", read = "readDatePicker", destroy = "destroyDatePicker", write = "writeDatePicker" }).Add();
+    col.Field("CustomerID").HeaderText("Customer ID").Width("130").Add();
+    col.Field("ShipCity").HeaderText("Ship City").Width("120").Add();
+}).AllowPaging().PageSettings(page=>page.PageCount(5)).EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true); }).Toolbar(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+<script>
+    var datePickerObj;
+    var datePickerElement;
+    function createDatePicker() {
+        datePickerElement = document.createElement('input');
+        return datePickerElement;
+    }
+    function readDatePicker() {
+        return datePickerObj.value;
+    }
+    function destroyDatePicker() {
+        datePickerObj.destroy();
+    }
+    function writeDatePicker(args) {
+        var rowData = args.rowData;
+        datePickerObj = new ej.calendars.DatePicker({
+            value: rowData.OrderDate,
+            change: function (e) {
+                rowData.OrderDate = e.value;
+            }
+        });
+        datePickerObj.appendTo(datePickerElement);
+    }
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/tagHelper
new file mode 100644
index 0000000000..1b0850fa11
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/columns/frozen-datepicker/tagHelper
@@ -0,0 +1,35 @@
+<ejs-grid id="Grid" dataSource="@ViewBag.dataSource" allowPaging='true' toolbar="@(new List<string>() { "Add", "Edit", "Delete","Update","Cancel" })" frozenColumns='2'>
+    <e-grid-pagesettings pageCount="5"></e-grid-pagesettings>
+    <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true"></e-grid-editSettings>
+    <e-grid-columns>
+        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="120"></e-grid-column>
+        <e-grid-column field="OrderDate" headerText="Order Date" width="150" format= "yMd", edit="@(new {create = "createDatePicker", read = "readDatePicker", destroy = "destroyDatePicker", write = "writeDatePicker"})">
+        </e-grid-column>               
+        <e-grid-column field="CustomerID" headerText="CustomerID" width="120"></e-grid-column>               
+        <e-grid-column field="ShipCity" headerText="Ship City"  width="150"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+<script>
+    var datePickerObj;
+    var datePickerElement;
+    function createDatePicker() {
+        datePickerElement = document.createElement('input');
+        return datePickerElement;
+    }
+    function readDatePicker() {
+        return datePickerObj.value;
+    }
+    function destroyDatePicker() {
+        datePickerObj.destroy();
+    }
+    function writeDatePicker(args) {
+        var rowData = args.rowData;
+        datePickerObj = new ej.calendars.DatePicker({
+            value: rowData.OrderDate,
+            change: function (e) {
+                rowData.OrderDate = e.value;
+            }
+        });
+        datePickerObj.appendTo(datePickerElement);
+    }
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/custom-headers.cs b/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/custom-headers.cs
new file mode 100644
index 0000000000..3a3300bf82
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/custom-headers.cs
@@ -0,0 +1,4 @@
+public IActionResult Index()
+{
+    return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/razor b/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/razor
new file mode 100644
index 0000000000..a5f095174c
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/razor
@@ -0,0 +1,26 @@
+@Html.EJS().Grid("CustomAdaptor").Columns(col =>
+{
+    col.Field("OrderID").HeaderText("Order ID").Width("100").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("CustomerID").HeaderText("Customer ID").Width("160").Add();
+    col.Field("EmployeeID").HeaderText("Employee ID").Width("100").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("Freight").HeaderText("Freight").Width("150").Format("C2").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+
+}).AllowPaging().Created("created").Render()
+
+<script>
+    function created(args) {
+        class CustomAdaptor extends ej.data.WebApiAdaptor {
+            beforeSend(args, xhr, settings) {
+                xhr.withCredentials = true;
+                super.beforeSend(args, xhr, settings);
+                xhr.headers.set('Syncfusion', true); // Assign custom headers here.
+            }
+        }
+        var grid = document.querySelector('#CustomAdaptor').ej2_instances[0];
+        grid.dataSource = new ej.data.DataManager({
+            url: "https://services.syncfusion.com/js/production/api/orders",
+            adaptor: new CustomAdaptor()
+        });
+    }
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/tagHelper
new file mode 100644
index 0000000000..f6ddad1b76
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/data-binding/custom-headers/tagHelper
@@ -0,0 +1,26 @@
+<ejs-grid id="CustomAdaptor" allowPaging="true" created="created">
+    <e-grid-columns>
+        <e-grid-column field="OrderID" headerText="Order Name" width="150" textAlign="Right"></e-grid-column>
+        <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
+        <e-grid-column field="EmployeeID" headerText="Employee Name" width="150" textAlign="Right"></e-grid-column>
+        <e-grid-column field="Freight" headerText="Freight" format="C2" width="120" textAlign="Right"></e-grid-column>
+        <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+
+<script>
+    function created(args) {
+        class CustomAdaptor extends ej.data.WebApiAdaptor {
+            beforeSend(args, xhr, settings) {
+                xhr.withCredentials = true;
+                super.beforeSend(args, xhr, settings);
+                xhr.headers.set('Syncfusion', true); // Assign custom headers here.
+            }
+        }
+        var grid = document.querySelector('#CustomAdaptor').ej2_instances[0];
+        grid.dataSource = new ej.data.DataManager({
+        url: "https://services.syncfusion.com/js/production/api/orders",
+        adaptor: new CustomAdaptor()
+        });
+    }
+</script>
diff --git a/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/excel-export.cs b/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/excel-export.cs
new file mode 100644
index 0000000000..a07b5bf2c8
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/excel-export.cs
@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    ViewBag.dataSource =  OrdersDetails.GetAllRecords();;
+    ViewBag.employeeDataSource = EmployeeView.GetAllRecords();
+    return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/razor b/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/razor
new file mode 100644
index 0000000000..96cf378e03
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/razor
@@ -0,0 +1,33 @@
+@{
+    var ChildGrid = new Syncfusion.EJ2.Grids.Grid() { DataSource = (IEnumerable<object>)ViewBag.dataSource,
+       QueryString = "EmployeeID",
+       Columns = new List<Syncfusion.EJ2.Grids.GridColumn>
+       {
+         new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderID", HeaderText="Order ID", Width="120",TextAlign=Syncfusion.EJ2.Grids.TextAlign.Right },
+         new Syncfusion.EJ2.Grids.GridColumn(){ Field="Freight", HeaderText="Freight", Width="120", Format="C2", TextAlign=Syncfusion.EJ2.Grids.TextAlign.Right },
+         new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderDate", HeaderText="Order Date", Width="150", Format="dd-MM-yyyy", Type="date" },
+         new Syncfusion.EJ2.Grids.GridColumn(){ Field="ShipCity", HeaderText="Ship City", Width="120" },
+       }
+    };
+ }    
+ @Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.employeeDataSource).Height("348px").AllowExcelExport().Columns(col =>
+ {
+    col.Field("EmployeeID").HeaderText("Employee ID").Width("125").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("FirstName").HeaderText("First Name").Width("125").Add();
+    col.Field("LastName").HeaderText("Last Name").Width("180").Add();
+    col.Field("City").HeaderText("City").Width("135").Add();
+ }).Toolbar(new List<string>() { "ExcelExport"}).ChildGrid(ChildGrid).ToolbarClick("toolbarClick").ExportDetailDataBound("exportDetailDataBound").Render()
+ <script>
+    function toolbarClick(args) {
+        var grid = document.getElementById("Grid").ej2_instances[0];
+        if (args.item.id === 'Grid_excelexport') {
+             var excelExportProperties = {
+                  hierarchyExportMode: "All"
+             };
+         grid.excelExport(excelExportProperties);
+       }
+    }
+    function exportDetailDataBound(args) {
+       args.childGrid.columns[2].format = {type: 'date',format: 'dd\\/MM\\/yyyy'};
+    }
+ </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/tagHelper
new file mode 100644
index 0000000000..e1aaefc2f6
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/excel-export/excelexport-format/tagHelper
@@ -0,0 +1,33 @@
+@{ var ChildGrid = new Syncfusion.EJ2.Grids.Grid() {
+    DataSource = (IEnumerable<object>)ViewBag.DataSource,
+    QueryString = "EmployeeID",
+    Columns = new List<Syncfusion.EJ2.Grids.GridColumn> {
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderID", HeaderText="Order ID", TextAlign=Syncfusion.EJ2.Grids.TextAlign.Right, Width="120" },
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="Freight", HeaderText="Freight", Width="120", Format="C2", TextAlign=Syncfusion.EJ2.Grids.TextAlign.Right },
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderDate", HeaderText="OrderDate", Width="130", Format="dd-MM-yyyy", Type="date" },
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="ShipCity", HeaderText="Ship City", Width="120" },
+  }
+};
+}
+<ejs-grid id="Grid" dataSource="@ViewBag.employeeDataSource" allowExcelExport="true" childGrid="ChildGrid" toolbar="@(new List<string>() {"ExcelExport" })" toolbarClick="toolbarClick" exportDetailDataBound="exportDetailDataBound">
+<e-grid-columns>
+  <e-grid-column field="EmployeeID" headerText="Employee ID" textAlign="Right" width="125"></e-grid-column>
+  <e-grid-column field="FirstName" headerText="First Name" width="120"></e-grid-column>
+  <e-grid-column field="LastName" headerText="Last Name" width="170"></e-grid-column>
+  <e-grid-column field="City" headerText="City" width="135"></e-grid-column>
+</e-grid-columns>
+</ejs-grid>
+<script>
+function toolbarClick(args) {
+  var grid = document.getElementById("Grid").ej2_instances[0];
+  if (args.item.id === 'Grid_excelexport') {
+      var excelExportProperties = {
+          hierarchyExportMode: "All"
+      };
+      grid.excelExport(excelExportProperties);
+  }
+}
+function exportDetailDataBound(args) {
+  args.childGrid.columns[2].format = {type: 'date',format: 'dd\\/MM\\/yyyy'};
+}
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs
new file mode 100644
index 0000000000..c728c26fcc
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/localization.cs
@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    var orders = OrderDetails.GetAllRecords();
+    ViewBag.datasource = orders;            
+    return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
new file mode 100644
index 0000000000..bcd949540c
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/razor
@@ -0,0 +1,169 @@
+@Html.EJS().Grid("deGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>{
+    col.Field("OrderID").HeaderText("Order ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+    col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
+    col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+}).AllowPaging().Locale("fr-FR").Render();
+@Html.EJS().Grid("enGrid").DataSource((IEnumerable<object>)ViewBag.datasource).Columns(col =>{
+    col.Field("OrderID").HeaderText("Order ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+    col.Field("ShipName").HeaderText("Ship Name").Width("150").Add();
+    col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+}).AllowPaging().Render()
+<script>
+    ej.base.L10n.load({
+        'fr-FR': {
+            'grid': {
+                "EmptyRecord": "Aucun enregistrement à afficher",
+                "True": "vrai",
+                "False": "faux",
+                "InvalidFilterMessage": "Données de filtre non valides",
+                "GroupDropArea": "Faites glisser un en-tête de colonne ici pour regrouper sa colonne",
+                "UnGroup": "Cliquez ici pour dissocier",
+                "GroupDisable": "Le regroupement est désactivé pour cette colonne",
+                "FilterbarTitle": "Cellule de barre de filtre \"s",
+                "EmptyDataSourceError": "DataSource ne doit pas être vide lors du chargement initial car les colonnes sont générées à partir de dataSource dans AutoGenerate Column Grid",
+                "Add": "Ajouter",
+                "Edit": "Éditer",
+                "Cancel": "Annuler",
+                "Update": "Mise à jour",
+                "Delete": "Supprimer",
+                "Print": "Impression",
+                "Pdfexport": "Exportation PDF",
+                "Excelexport": "Exportation Excel",
+                "Wordexport": "Exportation de mots",
+                "Csvexport": "Exportation CSV",
+                "Search": "Chercher",
+                "Columnchooser": "Colonnes",
+                "Save": "sauvegarder",
+                "Item": "article",
+                "Items": "articles",
+                "EditOperationAlert": "Aucun enregistrement sélectionné pour l'opération d'édition",
+                "DeleteOperationAlert": "Aucun enregistrement sélectionné pour l'opération de suppression",
+                "SaveButton": "Sauvegarder",
+                "OKButton": "Ok",
+                "CancelButton": "Annuler",
+                "EditFormTitle": "Les détails de",
+                "AddFormTitle": "Ajouter un nouvel enregistrement",
+                "BatchSaveConfirm": "Voulez-vous vraiment enregistrer les modifications ?",
+                "BatchSaveLostChanges": "Les modifications non enregistrées seront perdues. Es-tu sur de vouloir continuer ?",
+                "ConfirmDelete": "Voulez-vous vraiment supprimer l'enregistrement ?",
+                "CancelEdit": "Voulez-vous vraiment annuler les modifications ?",
+                "ChooseColumns": "Choisissez la colonne",
+                "SearchColumns": "colonnes de recherche",
+                "Matchs": "Aucun résultat",
+                "FilterButton": "Filtrer",
+                "ClearButton": "Effacer",
+                "StartsWith": "Commence par",
+                "EndsWith": "Se termine par",
+                "Contains": "Contient",
+                "Equal": "Égal",
+                "NotEqual": "Différent",
+                "LessThan": "Inférieur",
+                "LessThanOrEqual": "Inférieur ou égal",
+                "GreaterThan": "Supérieur",
+                "GreaterThanOrEqual": "Supérieur ou égal",
+                "ChooseDate": "Choisissez une date",
+                "EnterValue": "Entrez la valeur",
+                "Copy": "Copie",
+                "Group": "Regrouper par cette colonne",
+                "Ungroup": "Dissocier par cette colonne",
+                "autoFitAll": "Ajuster automatiquement toutes les colonnes",
+                "autoFit": "Ajuster automatiquement cette colonne",
+                "Export": "Exportation",
+                "FirstPage": "Première page",
+                "LastPage": "Dernière page",
+                "PreviousPage": "Page précédente",
+                "NextPage": "Page suivante",
+                "SortAscending": "Trier par ordre croissant",
+                "SortDescending": "Trier par ordre décroissant",
+                "EditRecord": "Modifier l'enregistrement",
+                "DeleteRecord": "Supprimer l'enregistrement",
+                "FilterMenu": "Filtre",
+                "SelectAll": "Tout sélectionner",
+                "Blanks": "Blancs",
+                "FilterTrue": "Vrai",
+                "FilterFalse": "Faux",
+                "NoResult": "Aucun résultat",
+                "ClearFilter": "Effacer le filtre",
+                "NumberFilter": "Filtres numériques",
+                "TextFilter": "Filtres de texte",
+                "DateFilter": "Filtres de date",
+                "DateTimeFilter": "Filtres DateTime",
+                "MatchCase": "Cas de correspondance",
+                "Between": "Entre",
+                "CustomFilter": "Filtre personnalisé",
+                "CustomFilterPlaceHolder": "Entrez la valeur",
+                "CustomFilterDatePlaceHolder": "Choisissez une date",
+                "AND": "ET",
+                "OR": "OU",
+                "ShowRowsWhere": "Afficher les lignes où:",
+                "NotStartsWith": "Ne commence pas par",
+                "Like": "Comme",
+                "NotEndsWith": "Ne se termine pas par",
+                "NotContains": "Ne contient pas",
+                "IsNull": "Nul",
+                "NotNull": "Non nul",
+                "IsEmpty": "Vide",
+                "IsNotEmpty": "Pas vide",
+                "AddCurrentSelection": "Ajouter la sélection actuelle au filtre",
+                "UnGroupButton": "Cliquez ici pour dissocier",
+                "AutoFitAll": "Ajuster automatiquement toutes les colonnes",
+                "AutoFit": "Ajuster automatiquement cette colonne",
+                "Clear": "Dégager",
+                "FilterMenuDialogARIA": "Boîte de dialogue du menu Filtre",
+                "ExcelFilterDialogARIA": "Boîte de dialogue de filtre Excel",
+                "DialogEditARIA": "Boîte de dialogue Modifier",
+                "ColumnChooserDialogARIA": "Sélecteur de colonne",
+                "ColumnMenuDialogARIA": "Boîte de dialogue du menu des colonnes",
+                "CustomFilterDialogARIA": "Boîte de dialogue Filtre personnalisé",
+                "SortAtoZ": "Trier de A à Z",
+                "SortZtoA": "Trier de Z à A",
+                "SortByOldest": "Trier par le plus ancien",
+                "SortByNewest": "Trier par Plus récent",
+                "SortSmallestToLargest": "Trier du plus petit au plus grand",
+                "SortLargestToSmallest": "Trier du plus grand au plus petit",
+                "Sort": "Sorte",
+                "FilterDescription": "Appuyez sur Alt Bas pour ouvrir le menu du filtre",
+                "SortDescription": "Appuyez sur Entrée pour trier",
+                "ColumnMenuDescription": "Appuyez sur Alt Bas pour ouvrir le menu des colonnes",
+                "GroupDescription": "Appuyez sur Ctrl espace pour grouper",
+                "ColumnHeader": " en-tête de colonne ",
+                "TemplateCell": " est une cellule modèle",
+                "CommandColumnAria": "est l'en-tête de colonne de la colonne de commande ",
+                "DialogEdit": "Modifier la boîte de dialogue",
+                "ClipBoard": "presse-papiers",
+                "GroupButton": "Bouton de groupe",
+                "UnGroupAria": "bouton dissocier",
+                "GroupSeperator": "Séparateur pour les colonnes groupées",
+                "UnGroupIcon": "dissocier la colonne groupée ",
+                "GroupedSortIcon": "trier la colonne groupée ",
+                "GroupedDrag": "Faites glisser la colonne groupée",
+                "GroupCaption": " est une cellule de légende de groupe",
+                "CheckBoxLabel": "case à cocher",
+                "Expanded": "Étendue",
+                "Collapsed": "S'est effondré"
+            },
+            'pager': {
+                "currentPageInfo": "{0} de {1} pages",
+                "totalItemsInfo": "({0} éléments)",
+                "firstPageTooltip": "Aller à la première page",
+                "lastPageTooltip": "Aller à la dernière page",
+                "nextPageTooltip": "Aller à la page suivante",
+                "previousPageTooltip": "Aller à la page précédente",
+                "nextPagerTooltip": "Aller aux éléments suivants du téléavertisseur",
+                "previousPagerTooltip": "Accéder aux éléments de téléavertisseur précédents",
+                "pagerDropDown": "objets par page",
+                "pagerAllDropDown": "Articles",
+                "All": "Tout",
+                "totalItemInfo": "({0} élément)",
+                "Container": "Conteneur de téléavertisseur",
+                "Information": "Informations sur le téléavertisseur",
+                "ExternalMsg": "Message externe du téléavertisseur",
+                "Page": "Page",
+                "Of": " de ",
+                "Pages": " pages"
+            }
+        }
+    });
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
new file mode 100644
index 0000000000..bd06f1fbf7
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/globalization/two-localization/tagHelper
@@ -0,0 +1,176 @@
+<ejs-grid id="Grid1" dataSource="@ViewBag.datasource" allowPaging="true" locale="fr-FR">
+<e-grid-columns>
+    <e-grid-column field="OrderID" headerText="Order ID" width="120" textAlign= "Right"></e-grid-column>
+    <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
+    <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column>
+    <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
+</e-grid-columns>
+</ejs-grid>
+
+<ejs-grid id="Grid2" dataSource="@ViewBag.datasource" allowPaging="true" >
+<e-grid-columns>
+    <e-grid-column field="OrderID" headerText="Order ID" width="120" textAlign= "Right"></e-grid-column>
+    <e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
+    <e-grid-column field="ShipCity" headerText="Ship City" width="170"></e-grid-column>
+    <e-grid-column field="ShipCountry" headerText="Ship Country" width="150"></e-grid-column>
+</e-grid-columns>
+</ejs-grid>
+
+<script>
+ej.base.L10n.load(
+{
+    'fr-FR': {
+        'grid': {
+            "EmptyRecord": "Aucun enregistrement à afficher",
+            "True": "vrai",
+            "False": "faux",
+            "InvalidFilterMessage": "Données de filtre non valides",
+            "GroupDropArea": "Faites glisser un en-tête de colonne ici pour regrouper sa colonne",
+            "UnGroup": "Cliquez ici pour dissocier",
+            "GroupDisable": "Le regroupement est désactivé pour cette colonne",
+            "FilterbarTitle": "Cellule de barre de filtre \"s",
+            "EmptyDataSourceError": "DataSource ne doit pas être vide lors du chargement initial car les colonnes sont générées à partir de dataSource dans AutoGenerate Column Grid",
+            "Add": "Ajouter",
+            "Edit": "Éditer",
+            "Cancel": "Annuler",
+            "Update": "Mise à jour",
+            "Delete": "Supprimer",
+            "Print": "Impression",
+            "Pdfexport": "Exportation PDF",
+            "Excelexport": "Exportation Excel",
+            "Wordexport": "Exportation de mots",
+            "Csvexport": "Exportation CSV",
+            "Search": "Chercher",
+            "Columnchooser": "Colonnes",
+            "Save": "sauvegarder",
+            "Item": "article",
+            "Items": "articles",
+            "EditOperationAlert": "Aucun enregistrement sélectionné pour l'opération d'édition",
+            "DeleteOperationAlert": "Aucun enregistrement sélectionné pour l'opération de suppression",
+            "SaveButton": "Sauvegarder",
+            "OKButton": "Ok",
+            "CancelButton": "Annuler",
+            "EditFormTitle": "Les détails de",
+            "AddFormTitle": "Ajouter un nouvel enregistrement",
+            "BatchSaveConfirm": "Voulez-vous vraiment enregistrer les modifications ?",
+            "BatchSaveLostChanges": "Les modifications non enregistrées seront perdues. Es-tu sur de vouloir continuer ?",
+            "ConfirmDelete": "Voulez-vous vraiment supprimer l'enregistrement ?",
+            "CancelEdit": "Voulez-vous vraiment annuler les modifications ?",
+            "ChooseColumns": "Choisissez la colonne",
+            "SearchColumns": "colonnes de recherche",
+            "Matchs": "Aucun résultat",
+            "FilterButton": "Filtrer",
+            "ClearButton": "Effacer",
+            "StartsWith": "Commence par",
+            "EndsWith": "Se termine par",
+            "Contains": "Contient",
+            "Equal": "Égal",
+            "NotEqual": "Différent",
+            "LessThan": "Inférieur",
+            "LessThanOrEqual": "Inférieur ou égal",
+            "GreaterThan": "Supérieur",
+            "GreaterThanOrEqual": "Supérieur ou égal",
+            "ChooseDate": "Choisissez une date",
+            "EnterValue": "Entrez la valeur",
+            "Copy": "Copie",
+            "Group": "Regrouper par cette colonne",
+            "Ungroup": "Dissocier par cette colonne",
+            "autoFitAll": "Ajuster automatiquement toutes les colonnes",
+            "autoFit": "Ajuster automatiquement cette colonne",
+            "Export": "Exportation",
+            "FirstPage": "Première page",
+            "LastPage": "Dernière page",
+            "PreviousPage": "Page précédente",
+            "NextPage": "Page suivante",
+            "SortAscending": "Trier par ordre croissant",
+            "SortDescending": "Trier par ordre décroissant",
+            "EditRecord": "Modifier l'enregistrement",
+            "DeleteRecord": "Supprimer l'enregistrement",
+            "FilterMenu": "Filtre",
+            "SelectAll": "Tout sélectionner",
+            "Blanks": "Blancs",
+            "FilterTrue": "Vrai",
+            "FilterFalse": "Faux",
+            "NoResult": "Aucun résultat",
+            "ClearFilter": "Effacer le filtre",
+            "NumberFilter": "Filtres numériques",
+            "TextFilter": "Filtres de texte",
+            "DateFilter": "Filtres de date",
+            "DateTimeFilter": "Filtres DateTime",
+            "MatchCase": "Cas de correspondance",
+            "Between": "Entre",
+            "CustomFilter": "Filtre personnalisé",
+            "CustomFilterPlaceHolder": "Entrez la valeur",
+            "CustomFilterDatePlaceHolder": "Choisissez une date",
+            "AND": "ET",
+            "OR": "OU",
+            "ShowRowsWhere": "Afficher les lignes où:",
+            "NotStartsWith": "Ne commence pas par",
+            "Like": "Comme",
+            "NotEndsWith": "Ne se termine pas par",
+            "NotContains": "Ne contient pas",
+            "IsNull": "Nul",
+            "NotNull": "Non nul",
+            "IsEmpty": "Vide",
+            "IsNotEmpty": "Pas vide",
+            "AddCurrentSelection": "Ajouter la sélection actuelle au filtre",
+            "UnGroupButton": "Cliquez ici pour dissocier",
+            "AutoFitAll": "Ajuster automatiquement toutes les colonnes",
+            "AutoFit": "Ajuster automatiquement cette colonne",
+            "Clear": "Dégager",
+            "FilterMenuDialogARIA": "Boîte de dialogue du menu Filtre",
+            "ExcelFilterDialogARIA": "Boîte de dialogue de filtre Excel",
+            "DialogEditARIA": "Boîte de dialogue Modifier",
+            "ColumnChooserDialogARIA": "Sélecteur de colonne",
+            "ColumnMenuDialogARIA": "Boîte de dialogue du menu des colonnes",
+            "CustomFilterDialogARIA": "Boîte de dialogue Filtre personnalisé",
+            "SortAtoZ": "Trier de A à Z",
+            "SortZtoA": "Trier de Z à A",
+            "SortByOldest": "Trier par le plus ancien",
+            "SortByNewest": "Trier par Plus récent",
+            "SortSmallestToLargest": "Trier du plus petit au plus grand",
+            "SortLargestToSmallest": "Trier du plus grand au plus petit",
+            "Sort": "Sorte",
+            "FilterDescription": "Appuyez sur Alt Bas pour ouvrir le menu du filtre",
+            "SortDescription": "Appuyez sur Entrée pour trier",
+            "ColumnMenuDescription": "Appuyez sur Alt Bas pour ouvrir le menu des colonnes",
+            "GroupDescription": "Appuyez sur Ctrl espace pour grouper",
+            "ColumnHeader": " en-tête de colonne ",
+            "TemplateCell": " est une cellule modèle",
+            "CommandColumnAria": "est l'en-tête de colonne de la colonne de commande ",
+            "DialogEdit": "Modifier la boîte de dialogue",
+            "ClipBoard": "presse-papiers",
+            "GroupButton": "Bouton de groupe",
+            "UnGroupAria": "bouton dissocier",
+            "GroupSeperator": "Séparateur pour les colonnes groupées",
+            "UnGroupIcon": "dissocier la colonne groupée ",
+            "GroupedSortIcon": "trier la colonne groupée ",
+            "GroupedDrag": "Faites glisser la colonne groupée",
+            "GroupCaption": " est une cellule de légende de groupe",
+            "CheckBoxLabel": "case à cocher",
+            "Expanded": "Étendue",
+            "Collapsed": "S'est effondré"
+        },
+        'pager': {
+            "currentPageInfo": "{0} de {1} pages",
+            "totalItemsInfo": "({0} éléments)",
+            "firstPageTooltip": "Aller à la première page",
+            "lastPageTooltip": "Aller à la dernière page",
+            "nextPageTooltip": "Aller à la page suivante",
+            "previousPageTooltip": "Aller à la page précédente",
+            "nextPagerTooltip": "Aller aux éléments suivants du téléavertisseur",
+            "previousPagerTooltip": "Accéder aux éléments de téléavertisseur précédents",
+            "pagerDropDown": "objets par page",
+            "pagerAllDropDown": "Articles",
+            "All": "Tout",
+            "totalItemInfo": "({0} élément)",
+            "Container": "Conteneur de téléavertisseur",
+            "Information": "Informations sur le téléavertisseur",
+            "ExternalMsg": "Message externe du téléavertisseur",
+            "Page": "Page",
+            "Of": " de ",
+            "Pages": " pages"
+        }
+    }
+});
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/format.cs b/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/format.cs
new file mode 100644
index 0000000000..a2f8c3e6a1
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/format.cs
@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    ViewBag.DataSource =  OrdersDetails.GetAllRecords();;
+    ViewBag.EmpDataSource = EmployeeView.GetAllRecords();
+    return View();
+} 
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/razor b/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/razor
new file mode 100644
index 0000000000..156dcfee73
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/razor
@@ -0,0 +1,33 @@
+@{
+    var ChildGrid = new Syncfusion.EJ2.Grids.Grid() { DataSource = (IEnumerable<object>)ViewBag.DataSource,
+        QueryString = "EmployeeID",
+        Columns = new List<Syncfusion.EJ2.Grids.GridColumn>
+        {
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderID", HeaderText="Order ID", Width="90", TextAlign=Syncfusion.EJ2.Grids.TextAlign.Right },
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="CustomerID", HeaderText="Customer ID", Width="120" },
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderDate", HeaderText="Order Date", Width="150", Format="dd-MM-yyyy", Type="date" },
+          new Syncfusion.EJ2.Grids.GridColumn(){ Field="ShipCity", HeaderText="Ship City", Width="110" },
+        }
+    };
+}
+@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.EmpDataSource).AllowPdfExport().Columns(col =>
+{
+   col.Field("EmployeeID").HeaderText("Employee ID").Width("90").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+   col.Field("FirstName").HeaderText("Name").Width("100").Add();
+   col.Field("LastName").HeaderText("Last Name").Width("100").Add();
+   col.Field("City").HeaderText("City").Width("100").Add();
+}).Toolbar(new List<string>() { "PdfExport"}).ChildGrid(ChildGrid).ToolbarClick("toolbarClick").ExportDetailDataBound("exportDetailDataBound").Render()
+<script>
+    function toolbarClick(args) {
+        if (args.item.id === 'Grid_pdfexport') {
+            let grid = document.getElementById("Grid").ej2_instances[0]; 
+            let exportProperties = {
+                hierarchyExportMode: "All" 
+            };
+            grid.pdfExport(exportProperties); 
+        }
+    }
+    function exportDetailDataBound(args) {
+        args.childGrid.columns[2].format = {type: 'date',format: 'dd\\/MM\\/yyyy'};
+    }
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/tagHelper
new file mode 100644
index 0000000000..c12a5f68e4
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/pdf-export/format/tagHelper
@@ -0,0 +1,33 @@
+@{ 
+    var ChildGrid = new Syncfusion.EJ2.Grids.Grid(){
+        DataSource = (IEnumerable<object>)ViewBag.DataSource,
+        QueryString = "EmployeeID",
+        Columns = new List<Syncfusion.EJ2.Grids.GridColumn> {
+            new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderID", HeaderText="Order ID", Width="90", TextAlign=Syncfusion.EJ2.Grids.TextAlign.Right },
+            new Syncfusion.EJ2.Grids.GridColumn(){ Field="CustomerID", HeaderText="CustomerID", Width="100" },
+            new Syncfusion.EJ2.Grids.GridColumn(){ Field="OrderDate", HeaderText="OrderDate", Width="100", Format="dd-MM-yyyy", Type="date" },
+            new Syncfusion.EJ2.Grids.GridColumn(){ Field="ShipName", HeaderText="Ship Name", Width="110" },
+    }};
+}
+<ejs-grid id="Grid" dataSource="@ViewBag.EmpDataSource" allowPdfExport="true" childGrid="ChildGrid" toolbar="@(new List<string>() {"PdfExport" })" toolbarClick="toolbarClick" exportDetailDataBound="exportDetailDataBound">
+    <e-grid-columns>
+        <e-grid-column field="EmployeeID" headerText="Employee ID" textAlign="Right" width="90"></e-grid-column>
+        <e-grid-column field="FirstName" headerText="Name" width="100"></e-grid-column>
+        <e-grid-column field="LastName" headerText="Last Name" width="100"></e-grid-column>
+        <e-grid-column field="City" headerText="City" width="100"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+<script>
+    function toolbarClick(args) {
+        if (args.item.id === 'Grid_pdfexport') {
+            let grid = document.getElementById("Grid").ej2_instances[0];
+            let exportProperties = {
+                hierarchyExportMode: "All"
+            };
+            grid.pdfExport(exportProperties);
+        }
+        function exportDetailDataBound(args) {
+            args.childGrid.columns[2].format = {type: 'date',format: 'dd\\/MM\\/yyyy'};
+        }
+    }
+</script>
diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/razor b/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/razor
new file mode 100644
index 0000000000..883354e362
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/razor
@@ -0,0 +1,27 @@
+<div>
+    @Html.EJS().Button("getSearchedRecords").Content("Get Searched Records").Render()
+</div>
+@Html.EJS().Grid("grid").DataSource((IEnumerable<object>)ViewBag.datasource).Height("350px").Columns(col =>
+{
+    col.Field("OrderID").HeaderText("Order ID").Width("160").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).IsPrimaryKey(true).Add();
+    col.Field("CustomerID").HeaderText("Customer ID").Width("170").Add();
+    col.Field("Freight").HeaderText("Freight").Width("170").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Format("C2").Add();
+    col.Field("OrderDate").HeaderText("Order Date").Width("170").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Format("yMd").Add();
+})..AllowPaging().PageSettings(page => { page.PageCount(5);}).Toolbar(new List<string>() { "Search" }).ActionComplete("actionComplete").Render()
+<script>
+    var lastSearchString = '';
+    function actionComplete(args){
+        if (args.requestType === 'searching') {
+            lastSearchString = args.searchString; // Store the last searched value.
+        }
+    }
+    document.getElementById('getSearchedRecords').addEventListener('click', () => {
+        if (lastSearchString) {
+            const gridInstance = document.getElementById('grid').ej2_instances[0];
+            const data = gridInstance.dataSource;
+            new ej.data.DataManager(data).executeQuery(new ej.data.Query().search(lastSearchString, [], undefined, true)).then((e) => {
+                console.log('Searched Records:', e.result); // Log searched records.
+            });
+        }  
+    });
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/retrieve-records.cs b/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/retrieve-records.cs
new file mode 100644
index 0000000000..6a28c3fddd
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/retrieve-records.cs
@@ -0,0 +1,6 @@
+public IActionResult Index()
+ {
+   var orders = OrdersDetails.GetAllRecords();
+   ViewBag.datasource = orders;            
+   return View();
+ }
diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/tagHelper
new file mode 100644
index 0000000000..7fa935d64f
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/search/retrieve-records/tagHelper
@@ -0,0 +1,29 @@
+<div>
+    <button id="getSearchedRecords">Get Searched Records</button>
+</div>
+<ejs-grid id="grid" dataSource="@ViewBag.datasource" allowPaging="true" height="350px" toolbar="@(new List<string>() { "Search" })" actionComplete="actionComplete"> 
+    <e-grid-pagesettings pageCount=5></e-grid-pagesettings>
+    <e-grid-columns>
+        <e-grid-column field="OrderID" headerText="Order ID" textAlign="Right" width="120" isPrimaryKey="true"></e-grid-column>
+        <e-grid-column field="CustomerID" headerText="Customer ID" width="150"></e-grid-column>
+        <e-grid-column field="Freight" headerText="Freight" format="C2" textAlign="Right" width="150"></e-grid-column>
+        <e-grid-column field="OrderDate" headerText="Order Date" format='yMd' textAlign="Right" width="150"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+<script>
+var lastSearchString = '';
+function actionComplete(args){
+    if (args.requestType === 'searching') {
+        lastSearchString = args.searchString; // Store the last searched value.
+    }
+}
+document.getElementById('getSearchedRecords').addEventListener('click', () => {
+    if (lastSearchString) {
+        const gridInstance = document.getElementById('grid').ej2_instances[0];
+        const data = gridInstance.dataSource;
+        new ej.data.DataManager(data).executeQuery(new ej.data.Query().search(lastSearchString, [], undefined, true)).then((e) => {
+            console.log('Searched Records:', e.result); // Log searched records.
+        });
+    }
+});
+</script>
diff --git a/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/observable.cs b/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/observable.cs
new file mode 100644
index 0000000000..90ebfcc865
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/observable.cs
@@ -0,0 +1,5 @@
+public IActionResult Index()
+{
+    ViewBag.dataSource = OrderDetails.GetAllRecords();;            
+    return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/razor b/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/razor
new file mode 100644
index 0000000000..afd5109b9d
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/razor
@@ -0,0 +1,52 @@
+@{
+    List<object> filterColumns = new List<object>();
+    filterColumns.Add(new { field = "CustomerID", matchCase = false, @operator = "startswith", predicate = "and", value = "A" });
+}
+@{
+    List<object> sortOptions = new List<object>();
+    sortOptions.Add(new { field = "OrderID", direction = "Descending" });
+}
+@Html.EJS().Grid("grid").AllowPaging(true).AllowFiltering(true).AllowSorting(true).AllowGrouping(true).EnablePersistence(true).Columns(col =>
+{
+    col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("170").Add();
+    col.Field("ShipCity").HeaderText("ShipCity").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("ShipName").HeaderText("Ship Name").Width("170").Add();
+}).Created("created").DataStateChange("dataStateChange").GroupSettings(group => { group.ShowGroupedColumn(false).Columns(new string[] { "ShipCity" }); }).FilterSettings(filter => filter.Columns(filterColumns)).SortSettings(sort => sort.Columns(sortOptions)).PageSettings(page => page.PageCount(10)).Render()
+<script>
+    function created() {
+        const grid = document.getElementById("grid").ej2_instances[0];
+        const query = grid.getDataModule().generateQuery(); // Generate the initial query state from the Grid's data module.
+        const state = ej.grids.getStateEventArgument(query); // Retrieve the Grid's current state based on the generated query.
+        dataStateChange(state); // Send the retrieved state to the service to fetch data accordingly.
+    }
+    function dataStateChange(state) {
+        const grid = document.getElementById("grid").ej2_instances[0];
+        getData(state).then((data) => (grid.dataSource = data));
+    }
+    async function getData(state) {
+        const BASE_URL ='https://services.odata.org/V4/Northwind/Northwind.svc/Orders';
+        const pageQuery = `$skip=${state.skip}&$top=${state.take}`;
+        let sortQuery = '';
+        let filterQuery = '';
+        if ((state.sorted || []).length) {
+            sortQuery =`&$orderby=` + state.sorted.map((obj) =>
+                obj.direction === 'descending' ? `${obj.name} desc` : obj.name
+            ).reverse().join(',');
+        }
+        if (state.where) {
+            filterQuery =`&$filter=` + state.where.map((obj) => {
+                return obj.predicates.map((predicate) => {
+                    return predicate.operator === 'equal'? `${predicate.field} eq ${predicate.value}`: `${predicate.operator}(tolower(${predicate.field}),'${predicate.value}')`;
+                }).reverse().join(' and ');
+            });
+        }
+        const request = `${BASE_URL}?${pageQuery}${sortQuery}${filterQuery}&$count=true`;
+        const response = await fetch(request);
+        const data = await response.json();
+        return {
+            result: data['value'],
+            count: parseInt(data['@@odata.count'], 10),
+        };
+    }
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/tagHelper
new file mode 100644
index 0000000000..7d0afa5c97
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/state-persist/observable/tagHelper
@@ -0,0 +1,57 @@
+@{
+    List<object> filterColumns = new List<object>();
+    filterColumns.Add(new { field = "CustomerID", matchCase = false, @operator = "startswith", predicate = "and", value = "A" });
+}
+@{
+    List<object> sortOptions = new List<object>();
+    sortOptions.Add(new { field = "OrderID", direction = "Decending" });
+ }
+<ejs-grid id="grid" allowPaging='true' allowFiltering="true" allowSorting="true" allowGrouping="true" created="created" dataStateChange="dataStateChange" enablePersistence="true"> 
+    <e-grid-pagesettings pageSize="12", currentPage="2"></e-grid-pagesettings>
+    <e-grid-filterSettings columns="filterColumns"></e-grid-filterSettings>
+    <e-grid-sortsettings columns="sortOptions"></e-grid-sortsettings>
+    <e-grid-groupsettings columns="@(new string[] {"ShipCity"})"></e-grid-groupsettings>
+    <e-grid-columns>
+        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="120"></e-grid-column>
+        <e-grid-column field="CustomerID" headerText="Customer Name" width="150" ></e-grid-column>
+        <e-grid-column field="ShipCity" headerText="ShipCity" width="150"></e-grid-column>
+        <e-grid-column field="ShipName" headerText="Ship Name" width="150" ></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+<script>
+    function created() {
+        const grid = document.getElementById("grid").ej2_instances[0];
+        const query = grid.getDataModule().generateQuery();
+        const state = ej.grids.getStateEventArgument(query);
+        dataStateChange(state);
+    }
+    function dataStateChange(state) {
+        const grid = document.getElementById("grid").ej2_instances[0];
+        getData(state).then((data) => (grid.dataSource = data));
+    }
+    async function getData(state) {
+        const BASE_URL ='https://services.odata.org/V4/Northwind/Northwind.svc/Orders';
+        const pageQuery = `$skip=${state.skip}&$top=${state.take}`;
+        let sortQuery = '';
+        let filterQuery = '';
+        if ((state.sorted || []).length) {
+            sortQuery =`&$orderby=` + state.sorted.map((obj) =>
+                obj.direction === 'descending' ? `${obj.name} desc` : obj.name
+            ).reverse().join(',');
+        }
+        if (state.where) {
+            filterQuery =`&$filter=` + state.where.map((obj) => {
+                return obj.predicates.map((predicate) => {
+                    return predicate.operator === 'equal'? `${predicate.field} eq ${predicate.value}`: `${predicate.operator}(tolower(${predicate.field}),'${predicate.value}')`;
+                }).reverse().join(' and ');
+            });
+        }
+        const request = `${BASE_URL}?${pageQuery}${sortQuery}${filterQuery}&$count=true`;
+        const response = await fetch(request);
+        const data = await response.json();
+        return {
+            result: data['value'],
+            count: parseInt(data['@@odata.count'], 10),
+        };
+    }
+</script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/frozen-column.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/frozen-column.md
index 3997a6273d..1b61dadd2c 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/frozen-column.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/frozen-column.md
@@ -122,6 +122,26 @@ The following example demonstrates how to change the default frozen line color u
 
 ![Change default frozen line color](../images/column-chooser/frozon-color.png)
 
+## Render DatePicker in frozen columns in Grid
+
+The Syncfusion Grid allows rendering a [DatePicker](https://ej2.syncfusion.com/aspnetmvc/documentation/datepicker/getting-started) inside frozen columns during editing. This is achieved using the `Edit` property, where a custom editor (DatePicker) is assigned to the specific column.
+
+To integrate a `DatePicker` in a frozen column, configure the column’s `Edit` property with custom `create`, `write`, `read`, and `destroy` methods. These methods ensure that the `DatePicker` initializes, retrieves, and destroys correctly within the frozen column.
+
+The following example demonstrates how to render the `DatePicker` in the **OrderDate** column while keeping it frozen. Here the datepicker object is appended to the corresponding input element in the editing row.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/columns/frozen-datepicker/razor %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="Frozen.cs" %}
+{% include code-snippet/grid/columns/frozen-datepicker/frozen.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![DatePicker in Frozen columns](../images/columns/frozen-datepicker.jpg)
+
 ## Deprecated methods 
 
 Previous | Current | Explanation 
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/data-binding/data-binding.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/data-binding/data-binding.md
index ee251228b2..ec4d91a742 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/data-binding/data-binding.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/data-binding/data-binding.md
@@ -257,6 +257,27 @@ The following example demonstrates how to prevent local time zone conversion for
 
 ![Prevent to convert local time zone format](../images/databinding/local-time.gif)
 
+## How to set custom headers using a custom adaptor in Syncfusion ASP.NET MVC Grid
+
+Custom headers in HTTP requests are used to send additional information such as authentication tokens, API keys, or metadata required by the server. These headers improve security and enable better control over data communication. In the Syncfusion ASP.NET MVC Grid, custom headers can be added when making API requests, ensuring that each request carries the necessary information for server-side validation and processing.
+
+This method is particularly useful when integrating the Grid with authenticated APIs, where requests must include authorization tokens or other security credentials to ensure secure access.
+
+To achieve this, the `WebApiAdaptor` can be extended to create the custom adaptor. The `beforeSend` method in the custom adaptor allows modifying request headers before sending them to the server. This ensures that every request from the Grid includes the required headers.
+
+The following example demonstrates how to set custom headers using the custom adaptor in Syncfusion ASP.NET MVC Grid. 
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/data-binding/custom-headers/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="custom-headers.cs" %}
+{% include code-snippet/grid/data-binding/custom-headers/custom-headers.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Custom headers using custom adaptor](../images/custom-headers.png)
+
 ## Troubleshoot: Syncfusion ASP.NET MVC Grid render rows without data
 
 In ASP.NET MVC, by default the JSON results are returned in camelCase format. So Grid field names are also changed in camelCase.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/excel-export/excel-exporting.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/excel-export/excel-exporting.md
index 30e163d57c..bed84080d2 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/excel-export/excel-exporting.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/excel-export/excel-exporting.md
@@ -230,6 +230,22 @@ The following example demonstrates how to export hierarchical grid to Excel docu
 
 ![Exporting hierarchy grid](../images/excel-exporting/excelexporting-heirachy.png)
 
+### Format the child Grid columns before exporting
+
+The Syncfusion Grid allows customization of the child Grid's Excel export options, enabling precise control over data formatting before export. This functionality is achieved using the [ExportDetailDataBound](https://help.syncfusion.com/cr/aspnetMVC-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_ExportDetailDataBound) event, which is triggered for each child Grid during the export process. This event provides access to the child Grid instance, allowing modifications to its column formatting before generating the Excel document.
+
+In the following example, the `ExportDetailDataBound` event is used to modify the **OrderDate** column of the child Grid. By setting the column's [Format](https://help.syncfusion.com/cr/aspnetMVC-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Format) property, the date values are formatted as `dd/MM/yyyy` when exported to Excel document.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/excel-export/excelexport-format/razor %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="excel-export.cs" %}
+{% include code-snippet/grid/excel-export/excelexport-format/excel-export.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ### Limitations
 
 * Microsoft Excel permits up to seven nested levels in outlines. So that in the grid we can able to provide only up to seven nested levels and if it exceeds more than seven levels then the document will be exported without outline option. Please refer the [Microsoft Limitation](https://learn.microsoft.com/en-us/sql/reporting-services/report-builder/exporting-to-microsoft-excel-report-builder-and-ssrs?view=sql-server-2017#ExcelLimitations).
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
index 8d24edf1f6..76d6b65921 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/global-local.md
@@ -295,6 +295,24 @@ To switch to the **French** culture and set the currency code as **EUR**, you ca
 
 ![Globalization-Switch-Culture](images/globalization/switch-localization.gif)
 
+### Set different Locale text for two Grids in same page
+
+The Syncfusion Grid allows configuring different [Locale](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) settings for multiple Grids displayed on the same page. By using the **load** function of the **L10n** class, you can customize the text content of the Grid to be displayed in different languages.
+
+In this setup, each Grid can display text in a different language based on its assigned `Locale`. The `load` function is used to define translations for specific languages, ensuring that each Grid correctly applies the localized text for headers, toolbar items, and action buttons.
+
+For example, when the first Grid is set to use the **fr-FR** Locale, it applies the French translations loaded via **L10n.load**. The second Grid, set to **en-US**, retains the default English text. This demonstrates how localization can be customized per Grid without affecting other components on the page.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/globalization/two-localization/razor %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="Localization.cs" %}
+{% include code-snippet/grid/globalization/two-localization/localization.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Internationalization
 
 The Internationalization library in the Syncfusion ASP.NET MVC Grid provides a localized display of number, date, and time values in the Grid control based on the preferred language and region.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/pdf-export/pdf-export.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/pdf-export/pdf-export.md
index 6a5662fdc8..f24221d0db 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/pdf-export/pdf-export.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/pdf-export/pdf-export.md
@@ -224,6 +224,21 @@ The following example demonstrates how to export hierarchical grid to PDF docume
 
 ![Export Hierarchy Grid](../images/pdf-export/export-hierarchy-grid.png)
 
+### Format the child Grid columns before exporting
+
+The Syncfusion Grid allows customization of the child Grid's PDF export options, enabling precise control over data formatting before export. This functionality is achieved using the [ExportDetailDataBound](https://help.syncfusion.com/cr/aspnetMVC-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_ExportDetailDataBound) event, which is triggered for each child Grid during the export process. This event provides access to the child Grid instance, allowing modifications to its column formatting before generating the PDF document.
+
+In the following example, the `ExportDetailDataBound` event is used to modify the **OrderDate** column of the child Grid. By setting the column's [Format](https://help.syncfusion.com/cr/aspnetMVC-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Format) property, the date values are formatted as `dd/MM/yyyy` when exported to PDF document.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/pdf-export/format/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Format.cs" %}
+{% include code-snippet/grid/pdf-export/format/format.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Remove header row while exporting
 
 When exporting data from the Syncfusion ASP.NET MVC Grid, you have an option to remove the header row from the exported file. This can be useful when you want to export grid data without including the header values in the exported document.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/searching.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/searching.md
index 5776a79038..4160758840 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/searching.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/searching.md
@@ -254,6 +254,25 @@ The following example demonstrates how to clear the searched records using an ex
 
 > You can also clear the searched records by using the clear icon within the search input field.
 
+## Retrieving searched records using a button click
+
+The Syncfusion Grid allows users to retrieve searched records using an external button. This functionality enables capturing the search text entered in the toolbar and filtering the data accordingly.
+
+To achieve this, the [ActionComplete](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_ActionComplete)  event can be used. This event is triggered when a search action is performed, allowing access to the search text. The captured search string can then be used with the `executeQuery` method of the `DataManager` to retrieve the matching records.
+
+The following example demonstrates how to retrieve searched records using an external button.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/search/retrieve-records/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="retrieve-records.cs" %}
+{% include code-snippet/grid/search/retrieve-records/retrieve-records.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Retrieve searched records](images/search/retrieve-records.png)
+
 ## See also
 
 * [How to perform search by using Wildcard and LIKE operator filter](https://ej2.syncfusion.com/aspnetmvc/documentation/grid/filtering/filtering#wildcard-and-like-operator-filter)
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/state-management.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/state-management.md
index 2371c4be8c..26f33be461 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/state-management.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/state-management.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: State management in ##Platform_Name## Grid Component
+title: State management in Syncfusion ##Platform_Name## Grid Component
 description: Learn here all about State management in Syncfusion ##Platform_Name## Grid component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: State management
@@ -130,6 +130,30 @@ When [EnablePersistence](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion
 {% endhighlight %}
 {% endtabs %}
 
+## Observables binding with state persistence
+
+The Syncfusion Grid supports state persistence when using observable binding, ensuring that the Grid retains its state across sessions. This is useful when dealing with real-time data updates or asynchronous data sources while preserving user interactions such as sorting, filtering, paging, and grouping.
+
+To implement state persistence with observables, the initial query state must be manually handled. This involves:
+
+    * Retrieving the initial query using the Grid’s `getDataModule` method with `generateQuery`.
+
+    * Obtaining the state from the query via `getStateEventArgument` method.
+
+    * Sending the retrieved state to the service to fetch data accordingly.
+
+Except for the initial render, state persistence ensures that manually performed actions are retained by storing the state in the browser’s `localStorage`, allowing it to persist across page reloads. The following example demonstrates how to use the [Created](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Created) event to send the persisted state to the service at initial render:
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/state-persist/observable/razor %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="observable.cs" %}
+{% include code-snippet/grid/state-persist/observable/observable.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Get or set local storage value
 
 If the [EnablePersistence](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_EnablePersistence) property is set to **true**, the Grid property value is saved in the **window.localStorage** for reference. You can get or set the localStorage value by using the **getItem** and **setItem** methods in **window.localStorage**.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/frozen-column.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/frozen-column.md
index 953a487fcb..3464dfef50 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/frozen-column.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/frozen-column.md
@@ -122,6 +122,26 @@ The following example demonstrates how to change the default frozen line color u
 
 ![Change default frozen line color](../images/column-chooser/frozon-color.png)
 
+## Render DatePicker in frozen columns in Grid
+
+The Syncfusion Grid allows rendering a [DatePicker](https://ej2.syncfusion.com/aspnetcore/documentation/datepicker/getting-started) inside frozen columns during editing. This is achieved using the `edit` property, where a custom editor (DatePicker) is assigned to the specific column.
+
+To integrate a `DatePicker` in a frozen column, configure the column’s `edit` property with custom `create`, `write`, `read`, and `destroy` methods. These methods ensure that the `DatePicker` initializes, retrieves, and destroys correctly within the frozen column.
+
+The following example demonstrates how to render the `DatePicker` in the **OrderDate** column while keeping it frozen. Here the datepicker object is appended to the corresponding input element in the editing row.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/columns/frozen-datepicker/tagHelper %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="Frozen.cs" %}
+{% include code-snippet/grid/columns/frozen-datepicker/frozen.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![DatePicker in Frozen columns](../images/columns/frozen-datepicker.jpg)
+
 ## Deprecated methods 
 
 Previous | Current | Explanation 
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/data-binding/data-binding.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/data-binding/data-binding.md
index d091e21d51..dd4d3a3e90 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/data-binding/data-binding.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/data-binding/data-binding.md
@@ -257,6 +257,27 @@ The following example demonstrates how to prevent local time zone conversion for
 
 ![Prevent to convert local time zone format](../images/databinding/local-time.gif)
 
+## How to set custom headers using a custom adaptor in Syncfusion ASP.NET Core Grid
+
+Custom headers in HTTP requests are used to send additional information such as authentication tokens, API keys, or metadata required by the server. These headers improve security and enable better control over data communication. In the Syncfusion ASP.NET Core Grid, custom headers can be added when making API requests, ensuring that each request carries the necessary information for server-side validation and processing.
+
+This method is particularly useful when integrating the Grid with authenticated APIs, where requests must include authorization tokens or other security credentials to ensure secure access.
+
+To achieve this, the `WebApiAdaptor` can be extended to create the custom adaptor. The `beforeSend` method in the custom adaptor allows modifying request headers before sending them to the server. This ensures that every request from the Grid includes the required headers.
+
+The following example demonstrates how to set custom headers using the custom adaptor in Syncfusion ASP.NET Core Grid. 
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/data-binding/custom-headers/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="custom-headers.cs" %}
+{% include code-snippet/grid/data-binding/custom-headers/custom-headers.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Custom headers using custom adaptor](../images/custom-headers.png)
+
 ## Troubleshoot: Syncfusion ASP.NET Core Grid render rows without data
 
 In ASP.NET Core, by default the JSON results are returned in camelCase format. So Grid field names are also changed in camelCase.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/excel-export/excel-exporting.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/excel-export/excel-exporting.md
index 039f8f5085..6953f74fca 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/excel-export/excel-exporting.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/excel-export/excel-exporting.md
@@ -230,6 +230,22 @@ The following example demonstrates how to export hierarchical grid to Excel docu
 
 ![Exporting hierarchy grid](../images/excel-exporting/excelexporting-heirachy.png)
 
+### Format the child Grid columns before exporting
+
+The Syncfusion Grid allows customization of the child Grid's Excel export options, enabling precise control over data formatting before export. This functionality is achieved using the [exportDetailDataBound](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_ExportDetailDataBound) event, which is triggered for each child Grid during the export process. This event provides access to the child Grid instance, allowing modifications to its column formatting before generating the Excel document.
+
+In the following example, the `exportDetailDataBound` event is used to modify the **OrderDate** column of the child Grid. By setting the column's [format](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Format) property, the date values are formatted as `dd/MM/yyyy` when exported to Excel document. 
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/excel-export/excelexport-format/tagHelper %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="excel-export.cs" %}
+{% include code-snippet/grid/excel-export/excelexport-format/excel-export.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ### Limitations
 
 * Microsoft Excel permits up to seven nested levels in outlines. So that in the grid we can able to provide only up to seven nested levels and if it exceeds more than seven levels then the document will be exported without outline option. Please refer the [Microsoft Limitation](https://learn.microsoft.com/en-us/sql/reporting-services/report-builder/exporting-to-microsoft-excel-report-builder-and-ssrs?view=sql-server-2017#ExcelLimitations).
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
index 552cb5a5d2..93297faef9 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/global-local.md
@@ -295,6 +295,24 @@ To switch to the **French** culture and set the currency code as **EUR**, you ca
 
 ![Globalization-Switch-Culture](images/globalization/switch-localization.gif)
 
+### Set different Locale text for two Grids in same page
+
+The Syncfusion Grid allows configuring different [Locale](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Locale) settings for multiple Grids displayed on the same page. By using the **load** function of the **L10n** class, you can customize the text content of the Grid to be displayed in different languages.
+
+In this setup, each Grid can display text in a different language based on its assigned `Locale`. The `load` function is used to define translations for specific languages, ensuring that each Grid correctly applies the localized text for headers, toolbar items, and action buttons.
+
+For example, when the first Grid is set to use the **fr-FR** Locale, it applies the French translations loaded via **L10n.load**. The second Grid, set to **en-US**, retains the default English text. This demonstrates how localization can be customized per Grid without affecting other components on the page.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/globalization/two-localization/tagHelper %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="Localization.cs" %}
+{% include code-snippet/grid/globalization/two-localization/localization.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Internationalization
 
 The Internationalization library in the Syncfusion ASP.NET Core Grid provides a localized display of number, date, and time values in the Grid control based on the preferred language and region.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/pdf-export/pdf-export.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/pdf-export/pdf-export.md
index 754d9559d0..d177fa6fc9 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/pdf-export/pdf-export.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/pdf-export/pdf-export.md
@@ -224,6 +224,22 @@ The following example demonstrates how to export hierarchical grid to PDF docume
 
 ![Export Hierarchy Grid](../images/pdf-export/export-hierarchy-grid.png)
 
+### Format the child Grid columns before exporting
+
+The Syncfusion Grid allows customization of the child Grid's PDF export options, enabling precise control over data formatting before export. This functionality is achieved using the [exportDetailDataBound](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_ExportDetailDataBound) event, which is triggered for each child Grid during the export process. This event provides access to the child Grid instance, allowing modifications to its column formatting before generating the PDF document.
+
+In the following example, the `exportDetailDataBound` event is used to modify the **OrderDate** column of the child Grid. By setting the column's [format](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Format) property, the date values are formatted as `dd/MM/yyyy` when exported to PDF document.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/pdf-export/format/tagHelper %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="Format.cs" %}
+{% include code-snippet/grid/pdf-export/format/format.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Remove header row while exporting
 
 When exporting data from the Syncfusion ASP.NET Core Grid, you have an option to remove the header row from the exported file. This can be useful when you want to export grid data without including the header values in the exported document.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/searching.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/searching.md
index f22d72acad..15e3e1cf23 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/searching.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/searching.md
@@ -255,6 +255,26 @@ The following example demonstrates how to clear the searched records using an ex
 
 > You can also clear the searched records by using the clear icon within the search input field.
 
+## Retrieve searched records by external button
+
+The Syncfusion Grid allows users to retrieve searched records using an external button. This functionality enables capturing the search text entered in the toolbar and filtering the data accordingly.
+
+To achieve this, the [ActionComplete](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_ActionComplete)  event can be used. This event is triggered when a search action is performed, allowing access to the search text. The captured search string can then be used with the `executeQuery` method of the `DataManager` to retrieve the matching records.
+
+The following example demonstrates how to retrieve searched records using an external button:
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/search/retrieve-records/tagHelper %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="retrieve-records.cs" %}
+{% include code-snippet/grid/search/retrieve-records/retrieve-records.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+![Retrieve searched records](images/search/retrieve-records.png)
+
 ## See also
 
 * [How to perform search by using Wildcard and LIKE operator filter](https://ej2.syncfusion.com/aspnetcore/documentation/grid/filtering/filtering#wildcard-and-like-operator-filter)
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/state-management.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/state-management.md
index 181ed59c9d..4bba926d68 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/state-management.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/state-management.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: State management in ##Platform_Name## Grid Component
+title: State management in Syncfusion ##Platform_Name## Grid Component
 description: Learn here all about State management in Syncfusion ##Platform_Name## Grid component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: State management
@@ -130,6 +130,30 @@ When [enablePersistence](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusio
 {% endhighlight %}
 {% endtabs %}
 
+## Observables binding with state persistence
+
+The Syncfusion Grid supports state persistence when using observable binding, ensuring that the Grid retains its state across sessions. This is useful when dealing with real-time data updates or asynchronous data sources while preserving user interactions such as sorting, filtering, paging, and grouping.
+
+To implement state persistence with observables, the initial query state must be manually handled. This involves:
+
+    * Retrieving the initial query using the Grid’s `getDataModule` method with `generateQuery`.
+
+    * Obtaining the state from the query via `getStateEventArgument` method.
+
+    * Sending the retrieved state to the service to fetch data accordingly.
+
+Except for the initial render, state persistence ensures that manually performed actions are retained by storing the state in the browser’s `localStorage`, allowing it to persist across page reloads. The following example demonstrates how to use the [created](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Created) event to send the persisted state to the service at initial render:
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/state-persist/observable/tagHelper %}
+{% endhighlight %}
+
+{% highlight c# tabtitle="observable.cs" %}
+{% include code-snippet/grid/state-persist/observable/observable.cs %}
+{% endhighlight %}
+{% endtabs %}
+
 ## Get or set local storage value
 
 If the [enablePersistence](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_EnablePersistence) property is set to **true**, the Grid property value is saved in the **window.localStorage** for reference. You can get or set the localStorage value by using the **getItem** and **setItem** methods in **window.localStorage**.
diff --git a/ej2-asp-core-mvc/grid/images/columns/frozen-datepicker.jpg b/ej2-asp-core-mvc/grid/images/columns/frozen-datepicker.jpg
new file mode 100644
index 0000000000..665473d8c1
Binary files /dev/null and b/ej2-asp-core-mvc/grid/images/columns/frozen-datepicker.jpg differ
diff --git a/ej2-asp-core-mvc/grid/images/custom-headers.png b/ej2-asp-core-mvc/grid/images/custom-headers.png
new file mode 100644
index 0000000000..bc4c9b1652
Binary files /dev/null and b/ej2-asp-core-mvc/grid/images/custom-headers.png differ
diff --git a/ej2-asp-core-mvc/grid/images/search/retrieve-records.png b/ej2-asp-core-mvc/grid/images/search/retrieve-records.png
new file mode 100644
index 0000000000..5fcfc3da1d
Binary files /dev/null and b/ej2-asp-core-mvc/grid/images/search/retrieve-records.png differ
diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html
index a2800a968a..35c16fb1c8 100644
--- a/ej2-asp-core-toc.html
+++ b/ej2-asp-core-toc.html
@@ -1433,6 +1433,7 @@
 						<li><a href="/ej2-asp-core/grid/how-to/enable-disable-grid-and-its-actions">Enable or Disable Grid and its actions</a></li>
 						<li><a href="/ej2-asp-core/grid/how-to/custom-helper-function-inside-loop-with-template">Use custom helper inside the loop with templates</a></li>
 						<li><a href="/ej2-asp-core/grid/how-to/perform-crud-operation-using-anti-forgery-token">Perform CRUD operation using anti-forgery token</a></li>
+						<li><a href="/ej2-asp-core/grid/how-to/customize-the-empty-record-template">Customize the empty record template</a></li>
 						<li><a href="/ej2-asp-core/grid/how-to/resize-grid-in-various-dimension">Resize the Grid in various dimension</a></li>
 					</ul>
 				</li>
diff --git a/ej2-asp-mvc-toc.html b/ej2-asp-mvc-toc.html
index a1e55c1838..f53fd9990e 100644
--- a/ej2-asp-mvc-toc.html
+++ b/ej2-asp-mvc-toc.html
@@ -1385,6 +1385,7 @@
 						<li><a href="/ej2-asp-mvc/grid/how-to/render-both-ej1-and-ej2-grids-in-same-application">Render both EJ1 and EJ2 Grids in same application</a></li>
 						<li><a href="/ej2-asp-mvc/grid/how-to/avoid-typescript-compilation">Avoid Typescript Compilation</a></li>
 						<li><a href="/ej2-asp-mvc/grid/how-to/resize-grid-in-various-dimension">Resize the Grid in various dimension</a></li>
+						<li><a href="/ej2-asp-mvc/grid/how-to/customize-the-empty-record-template">Customize the empty record template</a></li>
 						<li><a href="/ej2-asp-mvc/grid/how-to/custom-helper-function-inside-loop-with-template">Use custom helper inside the loop with templates</a></li>
 					</ul>
 				</li>