Updated sample.

Author: JamunaSundaramSF3699

Binding Dapper using UrlAdaptor/Grid_Dapper/grid_dapper.client/src/app/app.component.html

@@ -2,7 +2,7 @@
   <e-columns>
     <e-column field='OrderID' headerText='Order ID' width='120' textAlign='Right' isIdentity="true" isPrimaryKey="true"></e-column>
     <e-column field='CustomerID' headerText='Customer ID' [validationRules]='customerIDRules' width='160'></e-column>
-    <e-column field='EmployeeID' headerText='Employee ID' [validationRules]='employeeIDRules' width='160' field='EmployeeID'></e-column>
+    <e-column field='EmployeeID' headerText='Employee ID' [validationRules]='employeeIDRules' width='160' textAlign='Right'></e-column>
     <e-column field='Freight' headerText='Freight' [validationRules]='freightRules' format="C2" width='160' textAlign='Right'></e-column>
     <e-column field='ShipCity' headerText='Ship City' [validationRules]='shipCityRules' width='150'></e-column>
   </e-columns>

Binding MS SQL database using CustomAdaptor/Grid_MSSQL.Server/App_Data/NORTHWND_log.ldf

@@ -0,0 +1,197 @@
+{
+  "Version": 1,
+  "WorkspaceRootPath": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\",
+  "Documents": [
+    {
+      "AbsoluteMoniker": "D:0:0:{CD7708B5-BC3E-419E-94C5-DC2C8E773289}|Grid_MSSQL.Server\\Grid_MSSQL.Server.csproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.server\\controllers\\gridcontroller.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}",
+      "RelativeMoniker": "D:0:0:{CD7708B5-BC3E-419E-94C5-DC2C8E773289}|Grid_MSSQL.Server\\Grid_MSSQL.Server.csproj|solutionrelative:grid_mssql.server\\controllers\\gridcontroller.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\app\\app.component.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\app\\app.component.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\main.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\main.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\app\\app.component.html||{40D31677-CBC0-4297-A9EF-89D907823A98}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\app\\app.component.html||{40D31677-CBC0-4297-A9EF-89D907823A98}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\app\\customadaptor.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\app\\customadaptor.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{CD7708B5-BC3E-419E-94C5-DC2C8E773289}|Grid_MSSQL.Server\\Grid_MSSQL.Server.csproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.server\\program.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}",
+      "RelativeMoniker": "D:0:0:{CD7708B5-BC3E-419E-94C5-DC2C8E773289}|Grid_MSSQL.Server\\Grid_MSSQL.Server.csproj|solutionrelative:grid_mssql.server\\program.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\app\\app.component.spec.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\app\\app.component.spec.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{CD7708B5-BC3E-419E-94C5-DC2C8E773289}|Grid_MSSQL.Server\\Grid_MSSQL.Server.csproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.server\\properties\\launchsettings.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
+      "RelativeMoniker": "D:0:0:{CD7708B5-BC3E-419E-94C5-DC2C8E773289}|Grid_MSSQL.Server\\Grid_MSSQL.Server.csproj|solutionrelative:grid_mssql.server\\properties\\launchsettings.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\styles.css||{A5401142-F49D-43DB-90B1-F57BA349E55C}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\styles.css||{A5401142-F49D-43DB-90B1-F57BA349E55C}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|d:\\angular\\connecting-database\\ms-sql-custom\\new folder\\grid_mssql\\grid_mssql.client\\src\\app\\app.module.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}",
+      "RelativeMoniker": "D:0:0:{3BD4FCF2-2B8F-46BF-8A54-F139CBB8FF28}|grid_mssql.client\\grid_mssql.client.esproj|solutionrelative:grid_mssql.client\\src\\app\\app.module.ts||{0F2454B1-A556-402D-A7D0-1FDE7F99DEE0}"
+    }
+  ],
+  "DocumentGroupContainers": [
+    {
+      "Orientation": 0,
+      "VerticalTabListWidth": 256,
+      "DocumentGroups": [
+        {
+          "DockedWidth": 200,
+          "SelectedChildIndex": 5,
+          "Children": [
+            {
+              "$type": "Document",
+              "DocumentIndex": 2,
+              "Title": "main.ts",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\main.ts",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\main.ts",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\main.ts",
+              "RelativeToolTip": "grid_mssql.client\\src\\main.ts",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003213|",
+              "WhenOpened": "2025-03-25T15:04:45.926Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 8,
+              "Title": "package.json",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\package.json",
+              "RelativeDocumentMoniker": "grid_mssql.client\\package.json",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\package.json",
+              "RelativeToolTip": "grid_mssql.client\\package.json",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAABcAAAAgAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
+              "WhenOpened": "2025-03-13T16:11:05.465Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 1,
+              "Title": "app.component.ts",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.component.ts",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\app\\app.component.ts",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.component.ts",
+              "RelativeToolTip": "grid_mssql.client\\src\\app\\app.component.ts",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAQAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003213|",
+              "WhenOpened": "2025-03-13T16:07:37.156Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 4,
+              "Title": "CustomAdaptor.ts",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\CustomAdaptor.ts",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\app\\CustomAdaptor.ts",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\CustomAdaptor.ts",
+              "RelativeToolTip": "grid_mssql.client\\src\\app\\CustomAdaptor.ts",
+              "ViewState": "AQIAAA0AAAAAAAAAAAAswD0AAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003213|",
+              "WhenOpened": "2025-03-13T16:44:14.137Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 5,
+              "Title": "Program.cs",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\Grid_MSSQL.Server\\Program.cs",
+              "RelativeDocumentMoniker": "Grid_MSSQL.Server\\Program.cs",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\Grid_MSSQL.Server\\Program.cs",
+              "RelativeToolTip": "Grid_MSSQL.Server\\Program.cs",
+              "ViewState": "AQIAACMAAAAAAAAAAAAYwBYAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
+              "WhenOpened": "2025-03-13T16:07:18.777Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 0,
+              "Title": "GridController.cs",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\Grid_MSSQL.Server\\Controllers\\GridController.cs",
+              "RelativeDocumentMoniker": "Grid_MSSQL.Server\\Controllers\\GridController.cs",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\Grid_MSSQL.Server\\Controllers\\GridController.cs",
+              "RelativeToolTip": "Grid_MSSQL.Server\\Controllers\\GridController.cs",
+              "ViewState": "AQIAABcAAAAAAAAAAAAewFcAAAAMAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
+              "WhenOpened": "2025-03-13T16:14:42.383Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 3,
+              "Title": "app.component.html",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.component.html",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\app\\app.component.html",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.component.html",
+              "RelativeToolTip": "grid_mssql.client\\src\\app\\app.component.html",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAkAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001512|",
+              "WhenOpened": "2025-03-13T16:08:20.444Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 6,
+              "Title": "app.component.spec.ts",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.component.spec.ts",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\app\\app.component.spec.ts",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.component.spec.ts",
+              "RelativeToolTip": "grid_mssql.client\\src\\app\\app.component.spec.ts",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAADcAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003213|",
+              "WhenOpened": "2025-03-13T16:11:47.476Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 7,
+              "Title": "launchSettings.json",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\Grid_MSSQL.Server\\Properties\\launchSettings.json",
+              "RelativeDocumentMoniker": "Grid_MSSQL.Server\\Properties\\launchSettings.json",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\Grid_MSSQL.Server\\Properties\\launchSettings.json",
+              "RelativeToolTip": "Grid_MSSQL.Server\\Properties\\launchSettings.json",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
+              "WhenOpened": "2025-03-13T16:20:59.916Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 9,
+              "Title": "styles.css",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\styles.css",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\styles.css",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\styles.css",
+              "RelativeToolTip": "grid_mssql.client\\src\\styles.css",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAwAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003000|",
+              "WhenOpened": "2025-03-13T16:10:33.59Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 10,
+              "Title": "app.module.ts",
+              "DocumentMoniker": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.module.ts",
+              "RelativeDocumentMoniker": "grid_mssql.client\\src\\app\\app.module.ts",
+              "ToolTip": "D:\\angular\\connecting-database\\ms-sql-custom\\New folder\\Grid_MSSQL\\grid_mssql.client\\src\\app\\app.module.ts",
+              "RelativeToolTip": "grid_mssql.client\\src\\app\\app.module.ts",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAABMAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003213|",
+              "WhenOpened": "2025-03-13T16:09:44.328Z"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

Binding MS SQL database using CustomAdaptor/Grid_MSSQL/.vs/Grid_MSSQL/DesignTimeBuild/.dtbcache.v2

@@ -2,13 +2,13 @@ import { Component, ViewChild } from '@angular/core';
 import { DataManager } from '@syncfusion/ej2-data';
 import { GridComponent, EditSettingsModel, ToolbarItems } from '@syncfusion/ej2-angular-grids';
 import { CustomAdaptor } from './CustomAdaptor'
-import { EditService, FilterService, GridModule, PageService, SortService, ToolbarService } from '@syncfusion/ej2-angular-grids';
+import { EditService, FilterService, GridModule, PageService, GroupService, AggregateService, SortService, ToolbarService } from '@syncfusion/ej2-angular-grids';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   standalone: true,
-  providers: [EditService, ToolbarService, FilterService, SortService, PageService],
+  providers: [EditService, ToolbarService, AggregateService, GroupService, FilterService, SortService, PageService],
   imports: [GridModule],
 })
 export class AppComponent {