diff --git a/ej2-vue-toc.html b/ej2-vue-toc.html
index 3ffb84c8a..59537717d 100644
--- a/ej2-vue-toc.html
+++ b/ej2-vue-toc.html
@@ -1071,6 +1071,7 @@
 </li><li>
 Gantt
 <ul>
+    <li><a href="/ej2-vue/gantt/overview">Overview</a></li>
 <li>Getting Started
 <ul>
 <li><a href="/ej2-vue/gantt/getting-started">Vue 2</a></li>
@@ -1078,6 +1079,7 @@
 <li><a href="/ej2-vue/gantt/quasar">Quasar</a></li>
 </ul>
 </li>
+<li><a href="/ej2-vue/gantt/key-elements">Key Elements in Gantt UI</a></li>
 <li><a href="/ej2-vue/gantt/module">Feature Modules</a></li>
 <li>Data Binding
 <ul>
@@ -1086,6 +1088,7 @@
 <li><a href="/ej2-vue/gantt/loading-animation">Loading Animation</a></li>
 </ul>
 </li>
+<li><a href="/ej2-vue/gantt/performance">Performance Best Practices</a></li>
 <li>Columns
 <ul>
 <li><a href="/ej2-vue/gantt/columns/columns">Columns</a></li>
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app-composition.vue b/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app-composition.vue
index ccc0dd95c..2776d047c 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app-composition.vue
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app-composition.vue
@@ -1,6 +1,6 @@
 <template>
      <div>
-        <ejs-gantt ref='gantt' id="GanttContainer" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"  :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields"></ejs-gantt>
+        <ejs-gantt ref='gantt' id="GanttContainer" :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"></ejs-gantt>
     </div>
 </template>
 <script setup>
@@ -10,6 +10,20 @@ import { GanttComponent as EjsGantt, Edit, Toolbar } from "@syncfusion/ej2-vue-g
 import {projectData ,editingResources} from "./data-source"
 
 const data = projectData;
+const addDialogFields = [
+    { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
+    { type: 'Dependency'},
+    { type: 'Resources'} , 
+    { type: 'Notes' },
+    {type:"Segments"}
+];
+const editDialogFields = [
+    { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+    { type: 'Dependency'},
+    { type: 'Resources'},
+    { type: 'Notes'},
+    { type: "Segments"}
+];
 const height = '450px';
 const taskFields = {
     id: 'TaskID',
@@ -40,19 +54,5 @@ const editSettings = {
     showDeleteConfirmDialog: true
 };
 const toolbar = ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'];
-const addDialogFields = [
-    { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
-    { type: 'Dependency'},
-    { type: 'Resources'} , 
-    { type: 'Notes' },
-    {type:"Segments"}
-];
-const editDialogFields = [
-    { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-    { type: 'Dependency'},
-    { type: 'Resources'},
-    { type: 'Notes'},
-    { type: "Segments"}
-];
 provide('gantt',  [ Edit, Toolbar ]);
 </script>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app.vue b/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app.vue
index 93a7a55d5..b522ab797 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app.vue
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs25/app.vue
@@ -1,6 +1,6 @@
 <template>
      <div>
-        <ejs-gantt ref='gantt' id="GanttContainer" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"  :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields"></ejs-gantt>
+        <ejs-gantt ref='gantt' id="GanttContainer" :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"></ejs-gantt>
     </div>
 </template>
 <script>
@@ -16,6 +16,20 @@ components: {
   data: function() {
       return{
         data: projectData,
+            addDialogFields: [
+                { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
+                { type: 'Dependency'},
+                { type: 'Resources'} , 
+                { type: 'Notes' },
+                {type:"Segments"}
+            ],
+            editDialogFields: [
+                { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+                { type: 'Dependency'},
+                { type: 'Resources'},
+                { type: 'Notes'},
+                { type: "Segments"}
+            ],
             height: '450px',
             taskFields: {
                 id: 'TaskID',
@@ -48,20 +62,6 @@ components: {
 
             toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
 
-            addDialogFields: [
-                { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
-                { type: 'Dependency'},
-                { type: 'Resources'} , 
-                { type: 'Notes' },
-                {type:"Segments"}
-            ],
-            editDialogFields: [
-                { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-                { type: 'Dependency'},
-                { type: 'Resources'},
-                { type: 'Notes'},
-                { type: "Segments"}
-            ],
       };
   },
   provide: {
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs25/index.js b/ej2-vue/code-snippet/gantt/managing-tasks-cs25/index.js
index 9f7a94516..c4fb3e2b4 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs25/index.js
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs25/index.js
@@ -81,6 +81,20 @@ new Vue({
                     ]
                 },
         ],
+            addDialogFields: [
+                { type: 'General', headerText: 'General add',fields:["newinput"]},
+                { type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+                { type: 'Resources'} , 
+                { type: 'Notes' },
+                {type:"Segments", params:{columns:[{field:"segmenttask",width:"170px" ,headerText:"Segment Task"}],}}
+            ],
+            editDialogFields: [
+                { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+                {type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+                { type: 'Resources', params: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newdata" }]}},
+                {type: 'Notes', params: {inlineMode: { enable: true,onSelection: true }}},
+                {type: "Segments", params: {columns: [{ field: "segmenttask", width: "170px", headerText: "Segment Task" }],}}
+            ],
             height: '450px',
             taskFields: {
                 id: 'TaskID',
@@ -120,20 +134,6 @@ new Vue({
 
             toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
 
-            addDialogFields: [
-                { type: 'General', headerText: 'General add',fields:["newinput"]},
-                { type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources'} , 
-                { type: 'Notes' },
-                {type:"Segments", params:{columns:[{field:"segmenttask",width:"170px" ,headerText:"Segment Task"}],}}
-            ],
-            editDialogFields: [
-                { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-                {type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources', params: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newdata" }]}},
-                {type: 'Notes', params: {inlineMode: { enable: true,onSelection: true }}},
-                {type: "Segments", params: {columns: [{ field: "segmenttask", width: "170px", headerText: "Segment Task" }],}}
-            ],
       };
   },
   provide: {
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app-composition.vue b/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app-composition.vue
index ef054d743..92a786180 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app-composition.vue
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app-composition.vue
@@ -1,6 +1,6 @@
 <template>
      <div>
-        <ejs-gantt ref='gantt' id="GanttContainer" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"  :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields"></ejs-gantt>
+        <ejs-gantt ref='gantt' id="GanttContainer" :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings" ></ejs-gantt>
     </div>
 </template>
 <script setup>
@@ -9,6 +9,20 @@ import { provide } from "vue";
 import { GanttComponent as EjsGantt, Edit, Toolbar } from "@syncfusion/ej2-vue-gantt";
 import {projectData ,editingResources} from "./data-source"
 const data = projectData;
+const addDialogFields = [
+    { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
+    { type: 'Dependency'},
+    { type: 'Resources'} , 
+    { type: 'Notes' },
+    {type:"Segments"}
+];
+const editDialogFields = [
+    { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+    { type: 'Dependency'},
+    { type: 'Resources'},
+    { type: 'Notes'},
+    { type: "Segments"}
+];
 const height = '450px';
 const taskFields = {
     id: 'TaskID',
@@ -39,19 +53,5 @@ const editSettings = {
     showDeleteConfirmDialog: true
 };
 const toolbar = ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'];
-const addDialogFields = [
-    { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
-    { type: 'Dependency'},
-    { type: 'Resources'} , 
-    { type: 'Notes' },
-    {type:"Segments"}
-];
-const editDialogFields = [
-    { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-    { type: 'Dependency'},
-    { type: 'Resources'},
-    { type: 'Notes'},
-    { type: "Segments"}
-];
 provide('gantt',  [ Edit, Toolbar ]);
 </script>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app.vue b/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app.vue
index 6063f3074..e9297b15d 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app.vue
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs26/app.vue
@@ -1,6 +1,6 @@
 <template>
      <div>
-        <ejs-gantt ref='gantt' id="GanttContainer" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"  :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields"></ejs-gantt>
+        <ejs-gantt ref='gantt' id="GanttContainer" :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings" ></ejs-gantt>
     </div>
 </template>
 <script>
@@ -16,6 +16,18 @@ components: {
   data: function() {
       return{
         data: projectData,
+            addDialogFields: [
+                { type: 'General'},
+                { type: 'Dependency', additionalParams: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+                { type: 'Resources', additionalParams: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newData" }]}},
+                {type:"Segments", additionalParams:{columns:[{field:"segmentTask",width:"170px" ,headerText:"Segment Task"}],}}
+            ],
+            editDialogFields: [
+                { type: 'General' },
+                {type: 'Dependency', additionalParams: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+                { type: 'Resources', additionalParams: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newData" }]}},
+                {type: "Segments", additionalParams: {columns: [{ field: "segmentTask", width: "170px", headerText: "Segment Task" }],}}
+            ],
             height: '450px',
             taskFields: {
                 id: 'TaskID',
@@ -48,18 +60,6 @@ components: {
 
             toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
 
-            addDialogFields: [
-                { type: 'General'},
-                { type: 'Dependency', additionalParams: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources', additionalParams: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newData" }]}},
-                {type:"Segments", additionalParams:{columns:[{field:"segmentTask",width:"170px" ,headerText:"Segment Task"}],}}
-            ],
-            editDialogFields: [
-                { type: 'General' },
-                {type: 'Dependency', additionalParams: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources', additionalParams: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newData" }]}},
-                {type: "Segments", additionalParams: {columns: [{ field: "segmentTask", width: "170px", headerText: "Segment Task" }],}}
-            ],
       };
   },
   provide: {
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs26/index.js b/ej2-vue/code-snippet/gantt/managing-tasks-cs26/index.js
index 9f7a94516..0e7c10d0e 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs26/index.js
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs26/index.js
@@ -80,6 +80,20 @@ new Vue({
                         { StartDate: new Date('02/08/2019'), Duration: 3, segmenttask: "segment 3" }
                     ]
                 },
+        ],
+        addDialogFields: [
+            { type: 'General', headerText: 'General add',fields:["newinput"]},
+            { type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+            { type: 'Resources'} , 
+            { type: 'Notes' },
+            {type:"Segments", params:{columns:[{field:"segmenttask",width:"170px" ,headerText:"Segment Task"}],}}
+        ],
+        editDialogFields: [
+            { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+            {type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+            { type: 'Resources', params: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newdata" }]}},
+            {type: 'Notes', params: {inlineMode: { enable: true,onSelection: true }}},
+            {type: "Segments", params: {columns: [{ field: "segmenttask", width: "170px", headerText: "Segment Task" }],}}
         ],
             height: '450px',
             taskFields: {
@@ -120,20 +134,6 @@ new Vue({
 
             toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
 
-            addDialogFields: [
-                { type: 'General', headerText: 'General add',fields:["newinput"]},
-                { type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources'} , 
-                { type: 'Notes' },
-                {type:"Segments", params:{columns:[{field:"segmenttask",width:"170px" ,headerText:"Segment Task"}],}}
-            ],
-            editDialogFields: [
-                { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-                {type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources', params: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newdata" }]}},
-                {type: 'Notes', params: {inlineMode: { enable: true,onSelection: true }}},
-                {type: "Segments", params: {columns: [{ field: "segmenttask", width: "170px", headerText: "Segment Task" }],}}
-            ],
       };
   },
   provide: {
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app-composition.vue b/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app-composition.vue
index 23bff0adb..f64e00f4c 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app-composition.vue
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app-composition.vue
@@ -1,6 +1,6 @@
 <template>
      <div>
-        <ejs-gantt ref='gantt' id="GanttContainer" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"  :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields"></ejs-gantt>
+        <ejs-gantt ref='gantt' id="GanttContainer" :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings" ></ejs-gantt>
     </div>
 </template>
 <script setup>
@@ -9,6 +9,20 @@ import { provide } from "vue";
 import { GanttComponent as EjsGantt, Edit, Toolbar } from "@syncfusion/ej2-vue-gantt";
 import {projectData,editingResources} from "./data-source"
 const data = projectData;
+const addDialogFields = [
+    { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
+    { type: 'Dependency'},
+    { type: 'Resources'} , 
+    { type: 'Notes' },
+    {type:"Segments"}
+];
+const editDialogFields = [
+    { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+    { type: 'Dependency'},
+    { type: 'Resources'},
+    { type: 'Notes'},
+    { type: "Segments"}
+];
 const height = '450px';
 const taskFields = {
     id: 'TaskID',
@@ -39,19 +53,5 @@ const editSettings = {
     showDeleteConfirmDialog: true
 };
 const toolbar = ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'];
-const addDialogFields = [
-    { type: 'General', headerText: 'General add',fields:["TaskID", "TaskName","newInput"]},
-    { type: 'Dependency'},
-    { type: 'Resources'} , 
-    { type: 'Notes' },
-    {type:"Segments"}
-];
-const editDialogFields = [
-    { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-    { type: 'Dependency'},
-    { type: 'Resources'},
-    { type: 'Notes'},
-    { type: "Segments"}
-];
 provide('gantt',  [ Edit, Toolbar ]);
 </script>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app.vue b/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app.vue
index b6d255683..3191bae00 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app.vue
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs27/app.vue
@@ -1,6 +1,6 @@
 <template>
      <div>
-        <ejs-gantt ref='gantt' id="GanttContainer" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings"  :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields"></ejs-gantt>
+        <ejs-gantt ref='gantt' id="GanttContainer" :editDialogFields="editDialogFields" :addDialogFields= "addDialogFields" :dataSource="data"  :resources= "resourceCollection" :resourceFields= "resourceFields" :taskFields = "taskFields" :height = "height" :toolbar="toolbar" :editSettings= "editSettings" ></ejs-gantt>
     </div>
 </template>
 <script>
@@ -15,6 +15,20 @@ components: {
   data: function() {
       return{
         data: projectData,
+            addDialogFields: [
+                { type: 'General'},
+                { type: 'Dependency'},
+                { type: 'Resources'} , 
+                {type: 'Notes', additionalParams: {inlineMode: { enable: true,onSelection: true }}},
+                {type:"Segments"}
+            ],
+            editDialogFields: [
+                { type: 'General' },
+                {type: 'Dependency'},
+                { type: 'Resources'},
+                {type: 'Notes', additionalParams: {inlineMode: { enable: true,onSelection: true }}},
+                {type: "Segments"}
+            ],
             height: '450px',
             taskFields: {
                 id: 'TaskID',
@@ -47,20 +61,6 @@ components: {
 
             toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
 
-            addDialogFields: [
-                { type: 'General'},
-                { type: 'Dependency'},
-                { type: 'Resources'} , 
-                {type: 'Notes', additionalParams: {inlineMode: { enable: true,onSelection: true }}},
-                {type:"Segments"}
-            ],
-            editDialogFields: [
-                { type: 'General' },
-                {type: 'Dependency'},
-                { type: 'Resources'},
-                {type: 'Notes', additionalParams: {inlineMode: { enable: true,onSelection: true }}},
-                {type: "Segments"}
-            ],
       };
   },
   provide: {
diff --git a/ej2-vue/code-snippet/gantt/managing-tasks-cs27/index.js b/ej2-vue/code-snippet/gantt/managing-tasks-cs27/index.js
index 9f7a94516..0e7c10d0e 100644
--- a/ej2-vue/code-snippet/gantt/managing-tasks-cs27/index.js
+++ b/ej2-vue/code-snippet/gantt/managing-tasks-cs27/index.js
@@ -80,6 +80,20 @@ new Vue({
                         { StartDate: new Date('02/08/2019'), Duration: 3, segmenttask: "segment 3" }
                     ]
                 },
+        ],
+        addDialogFields: [
+            { type: 'General', headerText: 'General add',fields:["newinput"]},
+            { type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+            { type: 'Resources'} , 
+            { type: 'Notes' },
+            {type:"Segments", params:{columns:[{field:"segmenttask",width:"170px" ,headerText:"Segment Task"}],}}
+        ],
+        editDialogFields: [
+            { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
+            {type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
+            { type: 'Resources', params: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newdata" }]}},
+            {type: 'Notes', params: {inlineMode: { enable: true,onSelection: true }}},
+            {type: "Segments", params: {columns: [{ field: "segmenttask", width: "170px", headerText: "Segment Task" }],}}
         ],
             height: '450px',
             taskFields: {
@@ -120,20 +134,6 @@ new Vue({
 
             toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
 
-            addDialogFields: [
-                { type: 'General', headerText: 'General add',fields:["newinput"]},
-                { type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources'} , 
-                { type: 'Notes' },
-                {type:"Segments", params:{columns:[{field:"segmenttask",width:"170px" ,headerText:"Segment Task"}],}}
-            ],
-            editDialogFields: [
-                { type: 'General', headerText: 'General edit', fields: ["TaskID", "TaskName", "newinput"] },
-                {type: 'Dependency', params: {allowPaging: true, allowSorting: true, toolbar: ["Search", "Print",]}},
-                { type: 'Resources', params: { allowSorting: true, allowPaging: true, toolbar: ["Search", "Print"], columns: [{ field: "newdata" }]}},
-                {type: 'Notes', params: {inlineMode: { enable: true,onSelection: true }}},
-                {type: "Segments", params: {columns: [{ field: "segmenttask", width: "170px", headerText: "Segment Task" }],}}
-            ],
       };
   },
   provide: {
diff --git a/ej2-vue/code-snippet/gantt/resource-customization-cs1/app-composition.vue b/ej2-vue/code-snippet/gantt/resource-customization-cs1/app-composition.vue
new file mode 100644
index 000000000..18dc4ff40
--- /dev/null
+++ b/ej2-vue/code-snippet/gantt/resource-customization-cs1/app-composition.vue
@@ -0,0 +1,154 @@
+<template>
+     <div>
+        <ejs-gantt ref='gantt' id="GanttContainer" :queryTaskbarInfo="queryTaskbarInfo" :dataSource="data" :taskFields= "taskFields" :resourceFields= "resourceFields" :resources= "resources" :labelSettings= "labelSettings" :splitterSettings= "splitterSettings">
+        <e-columns>
+        <e-column field='TaskName' headerText='Task Name' width='270'></e-column>
+        <e-column field='resources' headerText='Resources' width='175' :template='resCTemplate'></e-column>
+        <e-column field='StartDate' headerText='Start Date' width='150'></e-column>
+        <e-column field='Duration' headerText='Duration' width='150'></e-column>
+        <e-column field='Progress' headerText='Progress' width='150'></e-column>
+        </e-columns>
+        </ejs-gantt>
+    </div>
+</template>
+<script setup>
+import { GanttComponent as EjsGantt, ColumnDirective as EColumn, ColumnsDirective as EColumns } from "@syncfusion/ej2-vue-gantt";
+import { createApp } from 'vue';
+
+const app = createApp({});
+
+const resColumnTemplate = app.component('resColumnTemplate', {
+    template: `<div v-if="data.ganttProperties.resourceNames">
+               <div :style="Resources(data.ganttProperties.resourceNames)">
+               <span :style="ResourcesStyles(data.ganttProperties.resourceNames)"> {{ data.ganttProperties.resourceNames }} </span>
+               </div>
+           </div>`,
+    methods: {
+        Resources: function (resource) {
+            let style ='';
+            switch (resource) {
+                case 'Martin Tamer':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 81px; height: 24px; border-radius: 24px; background: #DFECFF " ;
+                    break;
+                case 'Rose Fuller':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 71px; height: 24px; border-radius: 24px; background: #E4E4E7 " ;
+                    break;
+                case 'Margaret Buchanan':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 123px; height: 24px; border-radius: 24px; background: #DFFFE2 " ;
+                    break;
+                case 'Tamer Vinet':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 75px; height: 24px; border-radius: 24px; background: #FFEBE9 " ;
+                    break;
+            }
+            return style;
+        },
+        ResourcesStyles: function (resource) {
+            let style ='';
+            switch (resource) {
+                case 'Martin Tamer':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #006AA6" ;
+                    break;
+                case 'Rose Fuller':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #766B7C" ;
+                    break;
+                case 'Margaret Buchanan':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #00A653" ;
+                    break;
+                case 'Tamer Vinet':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #FF3740" ;
+                    break;
+            }
+            return style;
+        }
+    }
+    
+});
+
+const resCTemplate = function () {
+    return { template : resColumnTemplate }
+};
+const data = [
+        {
+            TaskID: 1,
+            TaskName: 'Project Initiation',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4,
+                    Progress: 30, resources: [1], info: 'Measure the total property area alloted for construction'
+                },
+                {
+                    TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '2',
+                    resources: [2], info: 'Obtain an engineered soil test of lot where construction is planned.' +
+                        'From an engineer or company specializing in soil testing'
+                },
+                { TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '3', Progress: 30, resources: [3], },
+            ]
+        },
+        {
+            TaskID: 5,
+            TaskName: 'Project Estimation',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '4', Progress: 30, resources: [4],
+                    info: 'Develop floor plans and obtain a materials list for estimations'
+                },
+                {
+                    TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '6', resources: [1], info: ''
+                },
+                {
+                    TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'),
+                    Duration: 4, Predecessor: '7',resources: [2], info: ''
+                }
+            ]
+        }
+    ];
+    const queryTaskbarInfo = function (args) {
+        if (args.data.resources === 'Martin Tamer') {
+            args.taskbarBgColor = '#DFECFF';
+            args.progressBarBgColor = '#006AA6'
+        } else if (args.data.resources === 'Rose Fuller') {
+            args.taskbarBgColor = '#E4E4E7';
+            args.progressBarBgColor = '#766B7C'
+        }
+        else if (args.data.resources === 'Margaret Buchanan') {
+            args.taskbarBgColor = '#DFFFE2';
+            args.progressBarBgColor = '#00A653'
+        }
+        else if (args.data.resources === 'Tamer Vinet') {
+            args.taskbarBgColor = '#FFEBE9';
+            args.progressBarBgColor = '#FF3740'
+        }
+    };
+    const taskFields = {
+        id: 'TaskID',
+        name: 'TaskName',
+        resourceInfo: 'resources',
+        startDate: 'StartDate',
+        duration: 'Duration',
+        progress: 'Progress',
+        child: 'subtasks'
+    };
+    const resourceFields = {
+        id: 'resourceId',
+        name: 'resourceName'
+    };
+    const resources = [
+        { resourceId: 1, resourceName: 'Martin Tamer' },
+        { resourceId: 2, resourceName: 'Rose Fuller' },
+        { resourceId: 3, resourceName: 'Margaret Buchanan' },
+        { resourceId: 4, resourceName: 'Tamer Vinet' }
+    ];
+    const labelSettings = {
+        rightLabel: 'resources'
+    };
+    const splitterSettings = {
+        columnIndex: 2
+    };
+    
+</script>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/gantt/resource-customization-cs1/app.vue b/ej2-vue/code-snippet/gantt/resource-customization-cs1/app.vue
new file mode 100644
index 000000000..5666bed0e
--- /dev/null
+++ b/ej2-vue/code-snippet/gantt/resource-customization-cs1/app.vue
@@ -0,0 +1,166 @@
+<template>
+     <div>
+        <ejs-gantt ref='gantt' id="GanttContainer" :queryTaskbarInfo="queryTaskbarInfo" :dataSource="data" :taskFields= "taskFields" :resourceFields= "resourceFields" :resources= "resources" :labelSettings= "labelSettings" :splitterSettings= "splitterSettings">
+        <e-columns>
+        <e-column field='TaskName' headerText='Task Name' width='270'></e-column>
+        <e-column field='resources' headerText='Resources' width='175' :template='resCTemplate'></e-column>
+        <e-column field='StartDate' headerText='Start Date' width='150'></e-column>
+        <e-column field='Duration' headerText='Duration' width='150'></e-column>
+        <e-column field='Progress' headerText='Progress' width='150'></e-column>
+        </e-columns>
+        </ejs-gantt>
+    </div>
+</template>
+<script>
+
+import { GanttComponent, ColumnDirective, ColumnsDirective } from "@syncfusion/ej2-vue-gantt";
+import { createApp } from 'vue';
+
+const app = createApp({});
+
+const resColumnTemplate = app.component('resColumnTemplate', {
+    template: `<div v-if="data.ganttProperties.resourceNames">
+               <div :style="Resources(data.ganttProperties.resourceNames)">
+               <span :style="ResourcesStyles(data.ganttProperties.resourceNames)"> {{ data.ganttProperties.resourceNames }} </span>
+               </div>
+           </div>`,
+    methods: {
+        Resources: function (resource) {
+            let style ='';
+            switch (resource) {
+                case 'Martin Tamer':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 81px; height: 24px; border-radius: 24px; background: #DFECFF " ;
+                    break;
+                case 'Rose Fuller':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 71px; height: 24px; border-radius: 24px; background: #E4E4E7 " ;
+                    break;
+                case 'Margaret Buchanan':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 123px; height: 24px; border-radius: 24px; background: #DFFFE2 " ;
+                    break;
+                case 'Tamer Vinet':
+                    style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 75px; height: 24px; border-radius: 24px; background: #FFEBE9 " ;
+                    break;
+            }
+            return style;
+        },
+        ResourcesStyles: function (resource) {
+            let style ='';
+            switch (resource) {
+                case 'Martin Tamer':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #006AA6" ;
+                    break;
+                case 'Rose Fuller':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #766B7C" ;
+                    break;
+                case 'Margaret Buchanan':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #00A653" ;
+                    break;
+                case 'Tamer Vinet':
+                    style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #FF3740" ;
+                    break;
+            }
+            return style;
+        }
+    }
+});
+
+export default {
+    name: "App",
+    components: {
+        "ejs-gantt":GanttComponent,
+        "e-columns": ColumnsDirective,
+        "e-column": ColumnDirective
+    },
+  data: function() {
+      return {
+      resCTemplate: function () {
+          return { template : resColumnTemplate }
+        },
+        data: [
+            {
+                TaskID: 1,
+                TaskName: 'Project Initiation',
+                StartDate: new Date('04/02/2019'),
+                EndDate: new Date('04/21/2019'),
+                subtasks: [
+                    {
+                        TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4,
+                        Progress: 30, resources: [1], info: 'Measure the total property area alloted for construction'
+                    },
+                    {
+                        TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '2',
+                        resources: [2], info: 'Obtain an engineered soil test of lot where construction is planned.' +
+                            'From an engineer or company specializing in soil testing'
+                    },
+                    { TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '3', Progress: 30, resources: [3], },
+                ]
+            },
+            {
+                TaskID: 5,
+                TaskName: 'Project Estimation',
+                StartDate: new Date('04/02/2019'),
+                EndDate: new Date('04/21/2019'),
+                subtasks: [
+                    {
+                        TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'),
+                        Duration: 3, Predecessor: '4', Progress: 30, resources: [4],
+                        info: 'Develop floor plans and obtain a materials list for estimations'
+                    },
+                    {
+                        TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'),
+                        Duration: 3, Predecessor: '6', resources: [1], info: ''
+                    },
+                    {
+                        TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'),
+                        Duration: 4, Predecessor: '7',resources: [2], info: ''
+                    }
+                ]
+            }
+        ],
+        queryTaskbarInfo: function(args) {
+            if (args.data.resources === 'Martin Tamer') {
+                args.taskbarBgColor = '#DFECFF';
+                args.progressBarBgColor = '#006AA6'
+            } else if (args.data.resources === 'Rose Fuller') {
+                args.taskbarBgColor = '#E4E4E7';
+                args.progressBarBgColor = '#766B7C'
+            }
+            else if (args.data.resources === 'Margaret Buchanan') {
+                args.taskbarBgColor = '#DFFFE2';
+                args.progressBarBgColor = '#00A653'
+            }
+            else if (args.data.resources === 'Tamer Vinet') {
+                args.taskbarBgColor = '#FFEBE9';
+                args.progressBarBgColor = '#FF3740'
+            }
+        },
+        taskFields: {
+            id: 'TaskID',
+            name: 'TaskName',
+            resourceInfo: 'resources',
+            startDate: 'StartDate',
+            duration: 'Duration',
+            progress: 'Progress',
+            child: 'subtasks'
+        },
+        resourceFields: {
+            id: 'resourceId',
+            name: 'resourceName'
+        },
+        resources: [
+            { resourceId: 1, resourceName: 'Martin Tamer' },
+            { resourceId: 2, resourceName: 'Rose Fuller' },
+            { resourceId: 3, resourceName: 'Margaret Buchanan' },
+            { resourceId: 4, resourceName: 'Tamer Vinet' }
+        ],
+        labelSettings: {
+            rightLabel: 'resources'
+        },
+        splitterSettings: {
+            columnIndex: 2
+        }
+    };
+  }
+
+}
+</script>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/gantt/resource-customization-cs1/data-source.js b/ej2-vue/code-snippet/gantt/resource-customization-cs1/data-source.js
new file mode 100644
index 000000000..c047fb3bd
--- /dev/null
+++ b/ej2-vue/code-snippet/gantt/resource-customization-cs1/data-source.js
@@ -0,0 +1,1314 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.projectNewData = [
+        {
+            TaskID: 1,
+            TaskName: 'Product Concept',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                { TaskID: 2, TaskName: 'Defining the product and its usage', StartDate: new Date('04/02/2019'), Duration: 3, Progress: 30 },
+                { TaskID: 3, TaskName: 'Defining target audience', StartDate: new Date('04/02/2019'), Duration: 3 },
+                {
+                    TaskID: 4, TaskName: 'Prepare product sketch and notes', StartDate: new Date('04/02/2019'), Duration: 2,
+                    Predecessor: '2', Progress: 30
+                },
+            ]
+        },
+        {
+            TaskID: 5, TaskName: 'Concept Approval', StartDate: new Date('04/02/2019'), Duration: 0, Predecessor: '3,4',
+            Indicators: [
+                {
+                    'date': '04/10/2019',
+                    'name': '#briefing',
+                    'title': 'Product concept breifing',
+                }
+            ]
+        },
+        {
+            TaskID: 6,
+            TaskName: 'Market Research',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 7,
+                    TaskName: 'Demand Analysis',
+                    StartDate: new Date('04/04/2019'),
+                    EndDate: new Date('04/21/2019'),
+                    subtasks: [
+                        {
+                            TaskID: 8, TaskName: 'Customer strength', StartDate: new Date('04/04/2019'), Duration: 4,
+                            Predecessor: '5', Progress: 30
+                        },
+                        { TaskID: 9, TaskName: 'Market opportunity analysis', StartDate: new Date('04/04/2019'), Duration: 4, Predecessor: '5' }
+                    ]
+                },
+                {
+                    TaskID: 10, TaskName: 'Competitor Analysis', StartDate: new Date('04/04/2019'), Duration: 4,
+                    Predecessor: '7, 8', Progress: 30
+                },
+                { TaskID: 11, TaskName: 'Product strength analsysis', StartDate: new Date('04/04/2019'), Duration: 4, Predecessor: '9' },
+                {
+                    TaskID: 12, TaskName: 'Research complete', StartDate: new Date('04/04/2019'), Duration: 0, Predecessor: '10',
+                    Indicators: [
+                        {
+                            'date': '04/20/2019',
+                            'name': '#meeting',
+                            'title': '1st board of directors meeting',
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            TaskID: 13,
+            TaskName: 'Product Design and Development',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 14, TaskName: 'Functionality design', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '12'
+                },
+                { TaskID: 15, TaskName: 'Quality design', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '12' },
+                { TaskID: 16, TaskName: 'Define Reliability', StartDate: new Date('04/04/2019'), Duration: 2, Progress: 30, Predecessor: '15' },
+                { TaskID: 17, TaskName: 'Identifying raw materials', StartDate: new Date('04/04/2019'), Duration: 2, Predecessor: '15' },
+                {
+                    TaskID: 18,
+                    TaskName: 'Define cost plan',
+                    StartDate: new Date('04/04/2019'),
+                    EndDate: new Date('04/21/2019'),
+                    subtasks: [
+                        {
+                            TaskID: 19, TaskName: 'Manufacturing cost', StartDate: new Date('04/04/2019'),
+                            Duration: 2, Progress: 30, Predecessor: '17'
+                        },
+                        { TaskID: 20, TaskName: 'Selling cost', StartDate: new Date('04/04/2019'), Duration: 2, Predecessor: '17' }
+                    ]
+                },
+                {
+                    TaskID: 21,
+                    TaskName: 'Development of the final design',
+                    StartDate: new Date('04/04/2019'),
+                    EndDate: new Date('04/21/2019'),
+                    subtasks: [
+                        {
+                            TaskID: 22, TaskName: 'Defining dimensions and package volume', StartDate: new Date('04/04/2019'),
+                            Duration: 2, Progress: 30, Predecessor: '19,20'
+                        },
+                        {
+                            TaskID: 23, TaskName: 'Develop design to meet industry standards', StartDate: new Date('04/04/2019'),
+                            Duration: 2, Predecessor: '22'
+                        },
+                        { TaskID: 24, TaskName: 'Include all the details', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '23' }
+                    ]
+                },
+                {
+                    TaskID: 25, TaskName: 'CAD Computer-aided design', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '24'
+                },
+                { TaskID: 26, TaskName: 'CAM Computer-aided manufacturing', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '25' },
+                {
+                    TaskID: 27, TaskName: 'Design complete', StartDate: new Date('04/04/2019'), Duration: 0, Predecessor: '26',
+                    Indicators: [
+                        {
+                            'date': '05/18/2019',
+                            'name': '#meeting',
+                            'title': '2nd board of directors meeting',
+                        }
+                    ]
+                }
+            ]
+        },
+        { TaskID: 28, TaskName: 'Prototype Testing', StartDate: new Date('04/04/2019'), Duration: 4, Progress: 30, Predecessor: '27' },
+        { TaskID: 29, TaskName: 'Include feedback', StartDate: new Date('04/04/2019'), Duration: 4, Predecessor: '28ss' },
+        { TaskID: 30, TaskName: 'Manufacturing', StartDate: new Date('04/04/2019'), Duration: 5, Progress: 30, Predecessor: '28,29' },
+        { TaskID: 31, TaskName: 'Assembling materials to finsihed goods', StartDate: new Date('04/04/2019'), Duration: 5, Predecessor: '30' },
+        {
+            TaskID: 32,
+            TaskName: 'Feedback and Testing',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 33, TaskName: 'Internal testing and feedback', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 45, Predecessor: '31'
+                },
+                {
+                    TaskID: 34, TaskName: 'Customer testing and feedback', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 50, Predecessor: '33'
+                }
+            ]
+        },
+        {
+            TaskID: 35,
+            TaskName: 'Final Product Development',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 36, TaskName: 'Important improvements', StartDate: new Date('04/04/2019'),
+                    Duration: 4, Progress: 30, Predecessor: '34'
+                },
+                {
+                    TaskID: 37, TaskName: 'Address any unforeseen issues', StartDate: new Date('04/04/2019'),
+                    Duration: 4, Progress: 30, Predecessor: '36ss'
+                }
+            ]
+        },
+        {
+            TaskID: 38,
+            TaskName: 'Final Product',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                { TaskID: 39, TaskName: 'Branding product', StartDate: new Date('04/04/2019'), Duration: 4, Predecessor: '37' },
+                {
+                    TaskID: 40, TaskName: 'Marketing and presales', StartDate: new Date('04/04/2019'),
+                    Duration: 4, Progress: 30, Predecessor: '39'
+                }
+            ]
+        }
+    ];
+    exports.editingResources = [
+        { resourceId: 1, resourceName: 'Martin Tamer' },
+        { resourceId: 2, resourceName: 'Rose Fuller' },
+        { resourceId: 3, resourceName: 'Margaret Buchanan' },
+        { resourceId: 4, resourceName: 'Fuller King' },
+        { resourceId: 5, resourceName: 'Davolio Fuller' },
+        { resourceId: 6, resourceName: 'Van Jack' },
+        { resourceId: 7, resourceName: 'Fuller Buchanan' },
+        { resourceId: 8, resourceName: 'Jack Davolio' },
+        { resourceId: 9, resourceName: 'Tamer Vinet' },
+        { resourceId: 10, resourceName: 'Vinet Fuller' },
+        { resourceId: 11, resourceName: 'Bergs Anton' },
+        { resourceId: 12, resourceName: 'Construction Supervisor' }
+    ];
+    exports.editingData = [
+        {
+            TaskID: 1,
+            TaskName: 'Project Initiation',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 0,
+                    Progress: 30, resources: [1], info: 'Measure the total property area alloted for construction'
+                },
+                {
+                    TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '2',
+                    resources: [2, 3, 5], info: 'Obtain an engineered soil test of lot where construction is planned.' +
+                        'From an engineer or company specializing in soil testing'
+                },
+                { TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 0, Predecessor: '3', Progress: 30 },
+            ]
+        },
+        {
+            TaskID: 5,
+            TaskName: 'Project Estimation',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '4', Progress: 30, resources: 4,
+                    info: 'Develop floor plans and obtain a materials list for estimations'
+                },
+                {
+                    TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '6', resources: [4, 8], info: ''
+                },
+                {
+                    TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'),
+                    Duration: 0, Predecessor: '7', resources: [12, 5], info: ''
+                }
+            ]
+        },
+        {
+            TaskID: 9, TaskName: 'Sign Contract', StartDate: new Date('04/04/2019'), Duration: 1,
+            Predecessor: '8', Progress: 30, resources: [12],
+            info: 'If required obtain approval from HOA (homeowners association) or ARC (architectural review committee)'
+        },
+        {
+            TaskID: 10,
+            TaskName: 'Project Approval and kick off',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            Duration: 0,
+            Predecessor: '9'
+        },
+        {
+            TaskID: 11,
+            TaskName: 'Site Work',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 12, TaskName: 'Clear the building site', StartDate: new Date('04/04/2019'),
+                    Duration: 2, Progress: 30, Predecessor: '9', resources: [6, 7],
+                    info: 'Clear the building site (demolition of existing home if necessary)'
+                },
+                {
+                    TaskID: 13, TaskName: 'Install temporary power service', StartDate: new Date('04/04/2019'),
+                    Duration: 2, Predecessor: '12', resources: [6, 7], info: ''
+                },
+            ]
+        },
+        {
+            TaskID: 14,
+            TaskName: 'Foundation',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 15, TaskName: 'Excavate for foundations', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '13', resources: [2, 8],
+                    info: 'Excavate the foundation and dig footers (Scope of work is dependent of foundation designed by engineer)'
+                },
+                {
+                    TaskID: 16, TaskName: 'Dig footer', StartDate: new Date('04/04/2019'),
+                    Duration: 2, Predecessor: '15FF', resources: [8], info: ''
+                },
+                {
+                    TaskID: 17, TaskName: 'Install plumbing grounds', StartDate: new Date('04/04/2019'), Duration: 4,
+                    Progress: 30, Predecessor: '15', resources: [9], info: ''
+                },
+                {
+                    TaskID: 18, TaskName: 'Pour a foundation and footer with concrete', StartDate: new Date('04/04/2019'),
+                    Duration: 1, Predecessor: '17', resources: [8, 9, 10], info: ''
+                },
+                {
+                    TaskID: 19, TaskName: 'Cure basement walls', StartDate: new Date('04/04/2019'), Duration: 4,
+                    Progress: 30, Predecessor: '18', resources: [10], info: ''
+                },
+            ]
+        },
+        {
+            TaskID: 20,
+            TaskName: 'Framing',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 21, TaskName: 'Add load-bearing structure', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '19', resources: [4, 5],
+                    info: 'Build the main load-bearing structure out of thick pieces of wood and' +
+                        'possibly metal I-beams for large spans with few supports'
+                },
+                {
+                    TaskID: 22, TaskName: 'Install floor joists', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '21', resources: [2, 3], info: 'Add floor and ceiling joists and install subfloor panels'
+                },
+                {
+                    TaskID: 23, TaskName: 'Add ceiling joists', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '22SS', resources: [5], info: ''
+                },
+                {
+                    TaskID: 24, TaskName: 'Install subfloor panels', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '23', resources: [8, 9]
+                },
+                {
+                    TaskID: 25, TaskName: 'Frame floor walls', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '24', resources: [10], info: ''
+                },
+                {
+                    TaskID: 26, TaskName: 'Frame floor decking', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '25SS', resources: [4, 8], info: ''
+                },
+            ]
+        },
+        {
+            TaskID: 27,
+            TaskName: 'Exterior finishing',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 28, TaskName: 'Cover outer walls and roof in OSB', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '26', resources: [2, 8],
+                    info: 'Cover outer walls and roof in OSB or plywood and a water-resistive barrier'
+                },
+                {
+                    TaskID: 29, TaskName: 'Add water resistive barrier', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Predecessor: '28', resources: [1, 10],
+                    info: 'Cover the walls with siding, typically vinyl, wood, or brick veneer but possibly stone or other materials'
+                },
+                {
+                    TaskID: 30, TaskName: 'Install roof shingles', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '29', resources: [8, 9], info: 'Install roof shingles or other covering for flat roof'
+                },
+                { TaskID: 31, TaskName: 'Install windows', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '29', resources: 7 },
+            ]
+        },
+        {
+            TaskID: 32,
+            TaskName: 'Utilities',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 33, TaskName: 'Install internal plumbing', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '26', resources: [1, 10]
+                },
+                {
+                    TaskID: 34, TaskName: 'Install HVAC', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '33',
+                    resources: [4, 9], info: 'Add internal plumbing, HVAC, electrical, and natural gas utilities'
+                },
+                {
+                    TaskID: 35, TaskName: 'Electrical utilities', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '34'
+                },
+                {
+                    TaskID: 36, TaskName: 'Natural gas utilities', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Predecessor: '35', resources: 11
+                },
+                {
+                    TaskID: 37, TaskName: 'Install bathroom fixtures', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '35', resources: [3, 7]
+                },
+            ],
+            info: 'Building inspector visits if necessary to approve utilities and framing'
+        },
+        {
+            TaskID: 38,
+            TaskName: 'Interior finsihing',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 39, TaskName: 'Install insulation', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '37', resources: [1, 8], info: 'Frame interior walls with wooden 2×4s'
+                },
+                {
+                    TaskID: 40, TaskName: 'Install  drywall panels', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Predecessor: '39', resources: 5,
+                    info: 'Install insulation and interior drywall panels (cementboard for wet areas) and to complete walls and ceilings'
+                },
+                {
+                    TaskID: 41, TaskName: 'Spackle', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Progress: 30, Predecessor: '40', resources: 10
+                },
+                {
+                    TaskID: 42, TaskName: 'Apply primer', StartDate: new Date('04/04/2019'), Duration: 3,
+                    Predecessor: '41', resources: [10, 11]
+                },
+                {
+                    TaskID: 43, TaskName: 'Paint wall and ceilings', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '42', resources: [2, 9]
+                },
+                {
+                    TaskID: 44, TaskName: 'Install modular kitchen', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '43', resources: [5, 7]
+                },
+            ]
+        },
+        {
+            TaskID: 45,
+            TaskName: 'Flooring',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 46, TaskName: 'Tile kitchen, bathroom and entry walls', StartDate: new Date('04/04/2019'),
+                    Duration: 3, Progress: 30, Predecessor: '44', resources: [4, 9, 3],
+                    info: 'Additional tiling on top of cementboard for wet areas, such as the bathroom and kitchen backsplash'
+                },
+                {
+                    TaskID: 47, TaskName: 'Tile floor', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '46SS',
+                    resources: [2, 8], info: 'Installation of final floor covering, such as floor tile, carpet, or wood flooring'
+                },
+            ]
+        },
+        {
+            TaskID: 48,
+            TaskName: 'Final Acceptance',
+            StartDate: new Date('04/04/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                {
+                    TaskID: 49, TaskName: 'Final inspection', StartDate: new Date('04/04/2019'), Duration: 2,
+                    Progress: 30, Predecessor: '47', resources: 12, info: 'Ensure the contracted items'
+                },
+                {
+                    TaskID: 50, TaskName: 'Cleanup for occupancy', StartDate: new Date('04/04/2019'), Duration: 2,
+                    Predecessor: '49', resources: [1, 5], info: 'Installation of major appliances'
+                },
+                {
+                    TaskID: 51, TaskName: 'Property Handover', StartDate: new Date('04/04/2019'), Duration: 0,
+                    Predecessor: '50', info: 'Ending the contract'
+                },
+            ]
+        },
+    ];
+    exports.remoteData = [
+        {
+            TaskID: 1,
+            TaskName: 'Germination',
+            StartDate: new Date('03/01/2019'),
+            subtasks: [
+                { TaskID: 2, TaskName: 'Dry seed (caryopsis)', StartDate: new Date('03/01/2019'), Duration: 0 },
+                { TaskID: 3, TaskName: 'Seed imbibition complete', StartDate: new Date('03/01/2019'), Duration: 3, Predecessor: '2FS' },
+                { TaskID: 4, TaskName: 'Radicle emerged from caryopsis', StartDate: new Date('03/04/2019'), Duration: 2, Predecessor: '3FS' },
+                {
+                    TaskID: 5, TaskName: 'Coleoptile emerged from caryopsis', StartDate: new Date('03/06/2019'),
+                    Duration: 2, Predecessor: '4FS'
+                },
+                {
+                    TaskID: 6, TaskName: 'Emergence: coleoptile penetrates soil surface (cracking stage)',
+                    StartDate: new Date('03/08/2019'), Duration: 2, Predecessor: '5FS'
+                },
+            ]
+        },
+        {
+            TaskID: 7,
+            TaskName: 'Leaf development',
+            StartDate: new Date('03/10/2019'),
+            subtasks: [
+                { TaskID: 8, TaskName: 'First leaf through coleoptile', StartDate: new Date('03/10/2019'), Duration: 1, Predecessor: '6FS' },
+                { TaskID: 9, TaskName: 'First leaf unfolded', StartDate: new Date('03/11/2019'), Duration: 1, Predecessor: '8FS' },
+                { TaskID: 10, TaskName: '3 leaves unfolded', StartDate: new Date('03/12/2019'), Duration: 2, Predecessor: '9FS' },
+                { TaskID: 11, TaskName: '9 or more leaves unfolded', StartDate: new Date('03/14/2019'), Duration: 5, Predecessor: '10FS' },
+            ]
+        },
+        {
+            TaskID: 12,
+            TaskName: 'Tillering',
+            StartDate: new Date('03/18/2019'),
+            subtasks: [
+                {
+                    TaskID: 13, TaskName: 'Beginning of tillering: first tiller detectable',
+                    StartDate: new Date('03/18/2019'), Duration: 0, Predecessor: '11FS'
+                },
+                { TaskID: 14, TaskName: '2 tillers detectable', StartDate: new Date('03/19/2019'), Duration: 3, Predecessor: '13FS' },
+                { TaskID: 15, TaskName: '3 tillers detectable', StartDate: new Date('03/22/2019'), Duration: 3, Predecessor: '14FS' },
+                {
+                    TaskID: 16, TaskName: 'Maximum no. of tillers detectable', StartDate: new Date('03/25/2019'),
+                    Duration: 6, Predecessor: '15FS'
+                },
+                { TaskID: 17, TaskName: 'End of tillering', StartDate: new Date('03/30/2019'), Duration: 0, Predecessor: '16FS' },
+            ]
+        },
+        {
+            TaskID: 18,
+            TaskName: 'Stem elongation',
+            StartDate: new Date('03/30/2019'),
+            subtasks: [
+                {
+                    TaskID: 19,
+                    TaskName: 'Beginning of stem elongation: pseudostem and tillers erect, first internode begins to elongate,' +
+                        'top of inflorescence at least 1 cm above tillering node',
+                    StartDate: new Date('03/30/2019'),
+                    Duration: 0,
+                    Predecessor: '17FS'
+                },
+                {
+                    TaskID: 20, TaskName: 'First node at least 1 cm above tillering node', StartDate: new Date('03/31/2019'),
+                    Duration: 1, Predecessor: '19FS'
+                },
+                {
+                    TaskID: 21, TaskName: 'Node 3 at least 2 cm above node 2', StartDate: new Date('04/01/2019'),
+                    Duration: 2, Predecessor: '20FS'
+                },
+                {
+                    TaskID: 22, TaskName: 'Flag leaf just visible, still rolled', StartDate: new Date('04/03/2019'),
+                    Duration: 4, Predecessor: '21FS'
+                },
+                {
+                    TaskID: 23, TaskName: 'Flag leaf stage: flag leaf fully unrolled, ligule just visible', StartDate: new Date('04/07/2019'),
+                    Duration: 2, Predecessor: '22FS'
+                },
+            ]
+        },
+        {
+            TaskID: 24,
+            TaskName: 'Booting',
+            StartDate: new Date('04/09/2019'),
+            subtasks: [
+                {
+                    TaskID: 25, TaskName: 'Early boot stage: flag leaf sheath extending', StartDate: new Date('04/09/2019'),
+                    Duration: 2, Predecessor: '23FS'
+                },
+                {
+                    TaskID: 26, TaskName: 'Mid boot stage: flag leaf sheath just visibly swollen', StartDate: new Date('04/11/2019'),
+                    Duration: 2, Predecessor: '25FS'
+                },
+                {
+                    TaskID: 27, TaskName: 'Late boot stage: flag leaf sheath swollen', StartDate: new Date('04/13/2019'),
+                    Duration: 2, Predecessor: '26FS'
+                },
+                { TaskID: 28, TaskName: 'Flag leaf sheath opening', StartDate: new Date('04/15/2019'), Duration: 2, Predecessor: '27FS' },
+                {
+                    TaskID: 29, TaskName: 'First awns visible (in awned forms only)', StartDate: new Date('04/17/2019'),
+                    Duration: 2, Predecessor: '28FS'
+                },
+            ]
+        },
+        {
+            TaskID: 30,
+            TaskName: 'Inflorescence emergence, heading',
+            StartDate: new Date('04/18/2019'),
+            subtasks: [
+                {
+                    TaskID: 31, TaskName: 'Beginning of heading: tip of inflorescence emerged from sheath, first spikelet just visible',
+                    StartDate: new Date('04/18/2019'), Duration: 0, Predecessor: '29FS'
+                },
+                { TaskID: 32, TaskName: '20% of inflorescence emerged', StartDate: new Date('04/19/2019'), Duration: 3, Predecessor: '31FS' },
+                { TaskID: 33, TaskName: '40% of inflorescence emerged', StartDate: new Date('04/22/2019'), Duration: 2, Predecessor: '32FS' },
+                {
+                    TaskID: 34, TaskName: 'Middle of heading: half of inflorescence emerged', StartDate: new Date('04/23/2019'),
+                    Duration: 0, Predecessor: '33FS'
+                },
+                { TaskID: 35, TaskName: '60% of inflorescence emerged', StartDate: new Date('04/24/2019'), Duration: 2, Predecessor: '34FS' },
+                { TaskID: 36, TaskName: '80% of inflorescence emerged', StartDate: new Date('04/26/2019'), Duration: 3, Predecessor: '35FS' },
+                {
+                    TaskID: 37, TaskName: 'End of heading: inflorescence fully emerged', StartDate: new Date('04/28/2019'),
+                    Duration: 0, Predecessor: '36FS'
+                },
+            ]
+        },
+        {
+            TaskID: 38,
+            TaskName: 'Flowering, anthesis',
+            StartDate: new Date('04/28/2019'),
+            subtasks: [
+                {
+                    TaskID: 39, TaskName: 'Beginning of flowering: first anthers visible', StartDate: new Date('04/28/2019'),
+                    Duration: 0, Predecessor: '37FS'
+                },
+                {
+                    TaskID: 40, TaskName: 'Full flowering: 50% of anthers mature', StartDate: new Date('04/29/2019'),
+                    Duration: 5, Predecessor: '39FS'
+                },
+                {
+                    TaskID: 41, TaskName: 'spikelet have completed flowering', StartDate: new Date('05/04/2019'),
+                    Duration: 5, Predecessor: '40FS'
+                },
+                { TaskID: 42, TaskName: 'End of flowering', StartDate: new Date('05/08/2019'), Duration: 0, Predecessor: '41FS' },
+            ]
+        },
+        {
+            TaskID: 43,
+            TaskName: 'Development of fruit',
+            StartDate: new Date('05/08/2019'),
+            subtasks: [
+                {
+                    TaskID: 44, TaskName: 'Watery ripe: first grains have reached half their final size',
+                    StartDate: new Date('05/08/2019'), Duration: 0, Predecessor: '42FS'
+                },
+                { TaskID: 45, TaskName: 'Early milk', StartDate: new Date('05/09/2019'), Duration: 3, Predecessor: '44FS' },
+                {
+                    TaskID: 46, TaskName: 'Medium milk: grain content milky, grains reached final size,still green',
+                    StartDate: new Date('05/12/2019'), Duration: 3, Predecessor: '45FS'
+                },
+                { TaskID: 47, TaskName: 'Late milk', StartDate: new Date('05/15/2019'), Duration: 2, Predecessor: '46FS' },
+            ]
+        },
+        {
+            TaskID: 48,
+            TaskName: 'Ripening',
+            StartDate: new Date('05/17/2019'),
+            subtasks: [
+                { TaskID: 49, TaskName: 'Early dough', StartDate: new Date('05/17/2019'), Duration: 6, Predecessor: '47FS' },
+                {
+                    TaskID: 50, TaskName: 'Soft dough: grain content soft but dry. Fingernail impression not held',
+                    StartDate: new Date('05/23/2019'), Duration: 2, Predecessor: '49FS'
+                },
+                {
+                    TaskID: 51, TaskName: 'Hard dough: grain content solid. Fingernail impression held',
+                    StartDate: new Date('05/25/2019'), Duration: 2, Predecessor: '50FS'
+                },
+                {
+                    TaskID: 52, TaskName: 'Fully ripe: grain hard, difficult to divide with thumbnail',
+                    StartDate: new Date('05/27/2019'), Duration: 2, Predecessor: '51FS'
+                },
+            ]
+        },
+        {
+            TaskID: 53,
+            TaskName: 'Senescence',
+            StartDate: new Date('05/29/2019'),
+            subtasks: [
+                {
+                    TaskID: 54, TaskName: 'Over-ripe: grain very hard, cannot be dented by thumbnail',
+                    StartDate: new Date('05/29/2019'), Duration: 3, Predecessor: '52FS'
+                },
+                { TaskID: 55, TaskName: 'Grains loosening in day-time', StartDate: new Date('06/01/2019'), Duration: 1, Predecessor: '54FS' },
+                { TaskID: 56, TaskName: 'Plant dead and collapsing', StartDate: new Date('06/02/2019'), Duration: 4, Predecessor: '55FS' },
+                { TaskID: 57, TaskName: 'Harvested product', StartDate: new Date('06/06/2019'), Duration: 2, Predecessor: '56FS' },
+            ]
+        },
+    ];
+    exports.filteredData = [
+        {
+            TaskID: 1,
+            TaskName: 'Launch and flight to lunar orbit',
+            StartDate: new Date('07/16/1969'),
+            subtasks: [
+                {
+                    TaskID: 2, TaskName: 'Apollo 11 blasts off from launch pad', StartDate: new Date('07/16/1969 03:32:00 AM'),
+                    EndDate: new Date('07/16/1969 03:32:00 AM'), Duration: 0,
+                },
+                {
+                    TaskID: 3, TaskName: 'Entry to Earth’s orbit', StartDate: new Date('07/16/1969 03:32:00 AM'),
+                    EndDate: new Date('07/16/1969 03:44:00 AM'), Predecessor: '2FS'
+                },
+                {
+                    TaskID: 4, TaskName: 'Travelling in earth’s orbit', StartDate: new Date('07/16/1969 03:44:00 AM'),
+                    EndDate: new Date('07/16/1969 04:22:13 AM'), Predecessor: '3FS'
+                },
+                {
+                    TaskID: 5, TaskName: 'Trajectory change toward the Moon', StartDate: new Date('07/16/1969 04:22:13 AM'),
+                    EndDate: new Date('07/16/1969 04:52:00 AM'), Predecessor: '4FS'
+                },
+                {
+                    TaskID: 6, TaskName: 'extraction maneuver performed', StartDate: new Date('07/16/1969 04:52:00 AM'),
+                    EndDate: new Date('07/16/1969 04:52:00 AM'), Predecessor: '5FS'
+                },
+                {
+                    TaskID: 7, TaskName: 'Travelling toward moon and entering into lunar orbit', StartDate: new Date('07/16/1969 04:52:00 AM'),
+                    EndDate: new Date('07/16/1969 04:21:50 PM'), Predecessor: '6FS'
+                },
+                {
+                    TaskID: 8, TaskName: 'Midcourse correction, sharpening the course and testing the engine',
+                    StartDate: new Date('07/16/1969 11:22:00 PM'), EndDate: new Date('07/17/1969 05:21:50 AM')
+                },
+                {
+                    TaskID: 9, TaskName: 'Reached half the distance spanning between earth and moon',
+                    StartDate: new Date('07/17/1969 05:22:00 AM'), EndDate: new Date('07/17/1969 08:00:50 PM')
+                },
+                {
+                    TaskID: 10, TaskName: 'Reached 3/4th distance spanning between earth and moon',
+                    StartDate: new Date('07/17/1969 8:02:00 PM'), EndDate: new Date('07/18/1969 04:21:50 PM')
+                },
+                {
+                    TaskID: 11, TaskName: 'Reached distance 45000 miles from moon',
+                    StartDate: new Date('07/18/1969 11:22:00 PM'), EndDate: new Date('07/19/1969 05:21:50 PM')
+                },
+            ]
+        },
+        {
+            TaskID: 12,
+            TaskName: 'Lunar descent',
+            StartDate: new Date('07/19/1969 05:21:50 PM'),
+            subtasks: [
+                {
+                    TaskID: 13, TaskName: 'Lunar Orbiting (30 orbits)', StartDate: new Date('07/19/1969 05:21:50 PM'),
+                    EndDate: new Date('07/20/1969 12:52:00 AM'), Predecessor: '11FS'
+                },
+                {
+                    TaskID: 14, TaskName: 'Landing site identified', StartDate: new Date('07/20/1969 12:52:00 AM'),
+                    EndDate: new Date('07/20/1969 12:52:00 AM'), Predecessor: '13FS'
+                },
+                {
+                    TaskID: 15, TaskName: 'Eagle separated from Columbia.', StartDate: new Date('07/20/1969 05:44:00 PM'),
+                    EndDate: new Date('07/20/1969 05:44:00 PM')
+                },
+                {
+                    TaskID: 16, TaskName: 'Eagle’s decent to Moon', StartDate: new Date('07/20/1969 05:44:00 PM'),
+                    EndDate: new Date('07/20/1969 08:16:40 PM'), Predecessor: '15FS'
+                }
+            ]
+        },
+        {
+            TaskID: 17,
+            TaskName: 'Landing',
+            StartDate: new Date('07/20/1969 08:17:40 PM'),
+            subtasks: [
+                {
+                    TaskID: 18, TaskName: 'Eagle’s touch down', StartDate: new Date('07/20/1969 08:17:40 PM'),
+                    EndDate: new Date('07/20/1969 08:17:40 PM')
+                },
+                {
+                    TaskID: 19, TaskName: 'Radio communication and Performing post landing checklist',
+                    StartDate: new Date('07/20/1969 08:17:40 PM'), EndDate: new Date('07/20/1969 11:43:00 PM'), Predecessor: '18FS'
+                },
+                {
+                    TaskID: 20, TaskName: 'Preparations for EVA (Extra Vehicular Activity)',
+                    StartDate: new Date('07/20/1969 11:43:00 PM'), EndDate: new Date('07/21/1969 02:39:33 AM'), Predecessor: '19FS'
+                },
+                {
+                    TaskID: 21, TaskName: 'Hatch open and climbing down the moon', StartDate: new Date('07/21/1969 02:39:33 AM'),
+                    EndDate: new Date('07/21/1969 02:56:15 AM'), Predecessor: '20FS'
+                },
+                {
+                    TaskID: 22, TaskName: 'Armstrong stepped down on the moon', StartDate: new Date('07/21/1969 02:56:15 AM'),
+                    EndDate: new Date('07/21/1969 03:11:00 AM'), Predecessor: '21FS'
+                },
+            ]
+        },
+        {
+            TaskID: 23,
+            TaskName: 'Lunar surface operations',
+            StartDate: new Date('07/21/1969'),
+            subtasks: [
+                {
+                    TaskID: 24, TaskName: 'Soil sample collections', StartDate: new Date('07/21/1969 02:56:15 AM'),
+                    EndDate: new Date('07/21/1969 03:11:00 AM')
+                },
+                {
+                    TaskID: 25, TaskName: 'Aldrin joined Armstrong', StartDate: new Date('07/21/1969 03:11:00 AM'),
+                    EndDate: new Date('07/21/1969 03:41:00 AM'), Predecessor: '24FS'
+                },
+                {
+                    TaskID: 26, TaskName: 'planted the Lunar Flag Assembly', StartDate: new Date('07/21/1969 03:41:00 AM'),
+                    EndDate: new Date('07/21/1969 03:46:00 AM'), Predecessor: '25FS'
+                },
+                {
+                    TaskID: 27, TaskName: 'President Richard Nixon’s telephone-radio transmission ',
+                    StartDate: new Date('07/21/1969 03:48:00 AM'), EndDate: new Date('07/21/1969 03:51:00 AM')
+                },
+                {
+                    TaskID: 28, TaskName: 'Collect rock samples, photos and other mission controls',
+                    StartDate: new Date('07/21/1969 03:52:00 AM'), EndDate: new Date('07/21/1969 04:50:00 AM')
+                },
+            ]
+        },
+        {
+            TaskID: 29,
+            TaskName: 'Lunar ascent',
+            StartDate: new Date('07/21/1969'),
+            subtasks: [
+                {
+                    TaskID: 30, TaskName: 'Climbing the eagle to ascent', StartDate: new Date('07/21/1969 04:51:00 AM'),
+                    EndDate: new Date('07/21/1969 05:00:00 AM')
+                },
+                {
+                    TaskID: 31, TaskName: 'Hatch closing', StartDate: new Date('07/21/1969 05:01:00 AM'),
+                    EndDate: new Date('07/21/1969 05:01:00 AM'), Predecessor: '30FS'
+                },
+                {
+                    TaskID: 32, TaskName: 'Final housekeeping', StartDate: new Date('07/21/1969 05:02:00 AM'),
+                    EndDate: new Date('07/21/1969 08:00:00 AM')
+                },
+                {
+                    TaskID: 33, TaskName: 'Resting of astronauts', StartDate: new Date('07/21/1969 08:00:00 AM'),
+                    EndDate: new Date('07/21/1969 03:00:00 PM'), Predecessor: '32FS'
+                },
+                {
+                    TaskID: 34, TaskName: 'Preparation for lift off and Ascent engine started', StartDate: new Date('07/21/1969 03:00:00 PM'),
+                    EndDate: new Date('07/21/1969 05:54:00 PM'), Predecessor: '33FS'
+                },
+                {
+                    TaskID: 35, TaskName: 'Eagle lifted off', StartDate: new Date('07/21/1969 05:54:00 PM'),
+                    EndDate: new Date('07/21/1969 05:54:00 PM'), Predecessor: '34FS'
+                },
+                {
+                    TaskID: 36, TaskName: 'Eagle’s travel toward Columbia', StartDate: new Date('07/21/1969 05:54:00 PM'),
+                    EndDate: new Date('07/21/1969 09:23:00 PM'), Predecessor: '35FS'
+                },
+            ]
+        },
+        {
+            TaskID: 37,
+            TaskName: 'Return',
+            StartDate: new Date('07/21/1969 09:24:00 PM'),
+            subtasks: [
+                {
+                    TaskID: 38, TaskName: 'Eagle docked with Columbia', StartDate: new Date('07/21/1969 09:24:00 PM'),
+                    EndDate: new Date('07/21/1969 09:35:00 PM')
+                },
+                {
+                    TaskID: 39, TaskName: 'Eagle’s ascent stage jettisoned into lunar orbit', StartDate: new Date('07/21/1969 09:35:00 PM'),
+                    EndDate: new Date('07/21/1969 11:41:00 PM'), Predecessor: '38FS'
+                },
+            ]
+        },
+        {
+            TaskID: 40,
+            TaskName: 'Decent toward earth  and Splashdown',
+            StartDate: new Date('07/21/1969'),
+            subtasks: [
+                {
+                    TaskID: 41, TaskName: 'Spacecraft reaches 1/4th distance spanning between moon and earth',
+                    StartDate: new Date('07/21/1969 11:50:00 PM'), EndDate: new Date('07/22/1969 04:40:00 PM')
+                },
+                {
+                    TaskID: 42, TaskName: 'Spacecraft travels to midway point of journey',
+                    StartDate: new Date('07/22/1969 04:40:00 PM'), EndDate: new Date('07/23/1969 04:00:00 PM'), Predecessor: '41FS'
+                },
+                {
+                    TaskID: 43, TaskName: 'Spacecraft travels to 3/4th point of journey', StartDate: new Date('07/23/1969 04:40:00 PM'),
+                    EndDate: new Date('07/24/1969 10:00:00 AM'), Predecessor: '42FS'
+                },
+                {
+                    TaskID: 44, TaskName: 'Crew prepares for splashdown', StartDate: new Date('07/24/1969 11:47:00 AM'),
+                    EndDate: new Date('07/24/1969 04:20:00 PM')
+                },
+                {
+                    TaskID: 45, TaskName: 'Command and service modules separates', StartDate: new Date('07/24/1969 04:20:00 PM'),
+                    EndDate: new Date('07/24/1969 04:35:00 PM'), Predecessor: '44FS'
+                },
+                {
+                    TaskID: 46, TaskName: 'Command module re-enters the Earth’s atmosphere', StartDate: new Date('07/24/1969 04:35:00 PM'),
+                    EndDate: new Date('07/24/1969 04:50:00 PM'), Predecessor: '45FS'
+                },
+                {
+                    TaskID: 47, TaskName: 'Spacecraft splashes near USS hornet', StartDate: new Date('07/24/1969 04:51:00 PM'),
+                    EndDate: new Date('07/24/1969 04:51:00 PM')
+                },
+            ]
+        }
+    ];
+    exports.customizedData = [
+        {
+            TaskId: 1, TaskName: '90th Academy awards kicks-off',
+            StartDate: new Date('03/05/2015 06:00:00 PM'), EndDate: new Date('03/05/2015 06:00:00 PM'), Duration: 0,
+        },
+        {
+            TaskId: 2, TaskName: 'Oscar moments', Predecessor: '1FS', column3: 'Jimmy kimmel hosts the show',
+            StartDate: new Date('03/05/2015 06:00:00 PM'), EndDate: new Date('03/05/2015 06:15:00 PM')
+        },
+        {
+            TaskId: 3, TaskName: 'Actor in a supporting role', Predecessor: '2FS',
+            StartDate: new Date('03/05/2015 06:16:00 PM'), EndDate: new Date('03/05/2015 06:25:00 PM'),
+            Winner: 'Sam Rockwell', Movie: 'Three Billboards Outside Ebbing, Missouri.'
+        },
+        {
+            TaskId: 4, TaskName: 'Hair and makeup', Movie: 'Darkest Hour', Predecessor: '3FS',
+            StartDate: new Date('03/05/2015 06:26:00 PM'), EndDate: new Date('03/05/2015 06:32:00 PM')
+        },
+        {
+            TaskId: 5, TaskName: 'Costume design', Winner: 'Mark Bridges', Movie: 'Phantom Thread', Predecessor: '4FS',
+            StartDate: new Date('03/05/2015 06:33:00 PM'), EndDate: new Date('03/05/2015 06:40:00 PM')
+        },
+        {
+            TaskId: 6, TaskName: 'Documentary feature', Winner: 'Bryan Fogel', Movie: ' Icarus', Predecessor: '5FS',
+            StartDate: new Date('03/05/2015 06:41:00 PM'), EndDate: new Date('03/05/2015 06:58:00 PM')
+        },
+        {
+            TaskId: 7, TaskName: 'Best sound editing and sound mixing', Winner: 'Richard King and Alex Gibson', Movie: 'Dunkirk',
+            StartDate: new Date('03/05/2015 06:59:00 PM'), EndDate: new Date('03/05/2015 07:10:00 PM'), Predecessor: '6FS'
+        },
+        {
+            TaskId: 8, TaskName: 'Production design', Movie: 'The Shape of Water', Predecessor: '7FS',
+            StartDate: new Date('03/05/2015 07:11:00 PM'), EndDate: new Date('03/05/2015 07:15:00 PM')
+        },
+        {
+            TaskId: 9, TaskName: 'Oscar performance', column3: 'Second performance of the night is "Remember Me" from Coco',
+            StartDate: new Date('03/05/2015 07:16:00 PM'), EndDate: new Date('03/05/2015 07:23:00 PM'), Predecessor: '8FS'
+        },
+        {
+            TaskId: 10, TaskName: 'Best foreign language film goes', Movie: 'A Fantastic Woman', Predecessor: '9FS',
+            StartDate: new Date('03/05/2015 07:24:00 PM'), EndDate: new Date('03/05/2015 07:29:00 PM')
+        },
+        {
+            TaskId: 11, TaskName: 'Best supporting actress', Winner: 'Allison Janney', Movie: 'I, Tonya',
+            StartDate: new Date('03/05/2015 07:30:00 PM'), EndDate: new Date('03/05/2015 07:35:00 PM'), Predecessor: '10FS'
+        },
+        {
+            TaskId: 12, TaskName: 'Best animated short', Winner: 'Kobe Bryant', Movie: 'Dear Basketball',
+            StartDate: new Date('03/05/2015 07:36:00 PM'), EndDate: new Date('03/05/2015 07:45:00 PM'), Predecessor: '11FS'
+        },
+        {
+            TaskId: 13, TaskName: 'Award for best animated feature.', Movie: 'Coco', Predecessor: '12FS',
+            StartDate: new Date('03/05/2015 07:46:00 PM'), EndDate: new Date('03/05/2015 07:52:00 PM')
+        },
+        {
+            TaskId: 14, TaskName: 'Best visual effects.', Movie: 'Blade Runner 2049', Predecessor: '13FS',
+            StartDate: new Date('03/05/2015 07:53:00 PM'), EndDate: new Date('03/05/2015 07:56:00 PM')
+        },
+        {
+            TaskId: 15, TaskName: 'Achievement in film editing', Movie: 'Dunkirk', Predecessor: '14FS',
+            StartDate: new Date('03/05/2015 07:57:00 PM'), EndDate: new Date('03/05/2015 07:59:00 PM')
+        },
+        {
+            TaskId: 16, TaskName: 'Oscar moments', column3: 'Jimmy Kimmel surprises moviegoers along with celebrities',
+            StartDate: new Date('03/05/2015 08:00:00 PM'), EndDate: new Date('03/05/2015 08:09:00 PM'), Predecessor: '15FS'
+        },
+        {
+            TaskId: 17, TaskName: 'Best documentary short', Movie: 'Heaven is a Traffic Jam on the 405', Predecessor: '16FS',
+            StartDate: new Date('03/05/2015 08:10:00 PM'), EndDate: new Date('03/05/2015 08:12:00 PM')
+        },
+        {
+            TaskId: 18, TaskName: 'Best live action short film', Movie: 'The Silent Child', Predecessor: '17FS',
+            StartDate: new Date('03/05/2015 08:13:00 PM'), EndDate: new Date('03/05/2015 08:15:00 PM')
+        },
+        {
+            TaskId: 19, TaskName: 'Oscar performance',
+            column3: 'Jimmy Kimmel surprCommon and Andra Day performs "Stand Up for Something" by "Marshall"',
+            StartDate: new Date('03/05/2015 08:16:00 PM'), EndDate: new Date('03/05/2015 08:25:00 PM'), Predecessor: '18FS'
+        },
+        {
+            TaskId: 20, TaskName: 'Oscar moments',
+            column3: 'The Oscars are showcasing the #MeToo and #TimesUp movements with a montage and interviews with actors and filmmakers',
+            StartDate: new Date('03/05/2015 08:26:00 PM'), EndDate: new Date('03/05/2015 08:29:00 PM'), Predecessor: '19FS'
+        },
+        {
+            TaskId: 21, TaskName: 'Oscar for best adapted screenplay', Winner: 'James Ivory', Movie: 'Call Me By Your Name',
+            StartDate: new Date('03/05/2015 08:30:00 PM'), EndDate: new Date('03/05/2015 08:35:00 PM'), Predecessor: '20FS'
+        },
+        {
+            TaskId: 22, TaskName: 'Oscar for best original screenplay', Winner: 'Jordan Peele', Movie: 'Get Out',
+            StartDate: new Date('03/05/2015 08:36:00 PM'), EndDate: new Date('03/05/2015 08:44:00 PM'), Predecessor: '21FS'
+        },
+        {
+            TaskId: 23, TaskName: 'Oscar moments',
+            column3: 'Who’s trending on Twitter at the Oscars? Actors Timothée Chalamet, Chadwick Boseman,' +
+                'Tom Holland, Lupita Nyong’o and Adam Rippon.',
+            StartDate: new Date('03/05/2015 08:40:00 PM'), EndDate: new Date('03/05/2015 08:45:00 PM'), Predecessor: '22FS'
+        },
+        {
+            TaskId: 24, TaskName: 'Best cinematography', Winner: 'Roger A. Deakins', Movie: 'Blade Runner 2049',
+            StartDate: new Date('03/05/2015 08:46:00 PM'), EndDate: new Date('03/05/2015 08:48:00 PM'), Predecessor: '23FS'
+        },
+        {
+            TaskId: 25, TaskName: 'Oscar performance',
+            column3: 'Keala Settle performs the nominated song "This is Me" from "The Greatest Showman".',
+            StartDate: new Date('03/05/2015 08:49:00 PM'), EndDate: new Date('03/05/2015 08:54:00 PM'), Predecessor: '24FS'
+        },
+        {
+            TaskId: 26, TaskName: 'Best original score', Movie: 'The Shape of Water', Predecessor: '25FS',
+            StartDate: new Date('03/05/2015 08:55:00 PM'), EndDate: new Date('03/05/2015 08:59:00 PM')
+        },
+        {
+            TaskId: 27, TaskName: 'Award for original song', Winner: 'Remember Me', Movie: 'Coco', Predecessor: '26FS',
+            StartDate: new Date('03/05/2015 09:00:00 PM'), EndDate: new Date('03/05/2015 09:07:00 PM')
+        },
+        {
+            TaskId: 28, TaskName: 'Oscar moments', column3: 'Time to pay tribute to those in the cinema world we lost last year',
+            StartDate: new Date('03/05/2015 09:05:00 PM'), EndDate: new Date('03/05/2015 09:11:00 PM'), Predecessor: '27FS'
+        },
+        {
+            TaskId: 29, TaskName: 'Oscar for best director', Winner: 'Guillermo del Toro', Movie: 'The Shape of Water',
+            StartDate: new Date('03/05/2015 09:12:00 PM'), EndDate: new Date('03/05/2015 09:19:00 PM'), Predecessor: '28FS'
+        },
+        {
+            TaskId: 30, TaskName: 'Best actor in a leading role', Winner: 'Gary Oldman', Movie: 'The Shape of Water',
+            StartDate: new Date('03/05/2015 09:20:00 PM'), EndDate: new Date('03/05/2015 09:29:00 PM'), Predecessor: '29FS'
+        },
+        {
+            TaskId: 31, TaskName: 'Best leading actress', Winner: 'Frances McDormand', Movie: 'Three Billboards Outside Ebbing, Missouri',
+            StartDate: new Date('03/05/2015 09:30:00 PM'), EndDate: new Date('03/05/2015 09:44:00 PM'), Predecessor: '30FS'
+        },
+        {
+            TaskId: 32, TaskName: 'Oscar for best picture.', Movie: 'The Shape of Water', Predecessor: '31FS',
+            StartDate: new Date('03/05/2015 09:45:00 PM'), EndDate: new Date('03/05/2015 10:00:00 PM')
+        },
+        {
+            TaskId: 33, TaskName: '90th Academy awards wind-up', Predecessor: '32FS',
+            StartDate: new Date('03/05/2015 10:00:00 PM'), EndDate: new Date('03/05/2015 10:00:00 PM'), Duration: 0
+        }
+    ];
+    exports.projectResources = [
+        { resourceId: 1, resourceName: 'Project Manager' },
+        { resourceId: 2, resourceName: 'Software Analyst' },
+        { resourceId: 3, resourceName: 'Developer' },
+        { resourceId: 4, resourceName: 'Testing Engineer' }
+    ];
+    exports.projectData = [
+        {
+            taskID: 1,
+            taskName: 'Project Schedule',
+            startDate: new Date('02/08/2019'),
+            endDate: new Date('03/15/2019'),
+            subtasks: [
+                {
+                    taskID: 2,
+                    taskName: 'Planning',
+                    startDate: new Date('02/08/2019'),
+                    endDate: new Date('02/12/2019'),
+                    subtasks: [
+                        {
+                            taskID: 3, taskName: 'Plan timeline', startDate: new Date('02/08/2019'),
+                            endDate: new Date('02/12/2019'), duration: 5, progress: '100', resourceId: [1]
+                        },
+                        {
+                            taskID: 4, taskName: 'Plan budget', startDate: new Date('02/08/2019'),
+                            endDate: new Date('02/12/2019'), duration: 5, progress: '100', resourceId: [1]
+                        },
+                        {
+                            taskID: 5, taskName: 'Allocate resources', startDate: new Date('02/08/2019'),
+                            endDate: new Date('02/12/2019'), duration: 5, progress: '100', resourceId: [1]
+                        },
+                        {
+                            taskID: 6, taskName: 'Planning complete', startDate: new Date('02/10/2019'),
+                            endDate: new Date('02/10/2019'), duration: 0, predecessor: '3FS,4FS,5FS'
+                        }
+                    ]
+                }, {
+                    taskID: 7,
+                    taskName: 'Design',
+                    startDate: new Date('02/15/2019'),
+                    endDate: new Date('02/19/2019'),
+                    subtasks: [
+                        {
+                            taskID: 8, taskName: 'Software Specification', startDate: new Date('02/15/2019'),
+                            endDate: new Date('02/17/2019'), duration: 3, progress: '60', predecessor: '6FS', resourceId: [2]
+                        },
+                        {
+                            taskID: 9, taskName: 'Develop prototype', startDate: new Date('02/15/2019'),
+                            endDate: new Date('02/17/2019'), duration: 3, progress: '100', predecessor: '6FS', resourceId: [3]
+                        },
+                        {
+                            taskID: 10, taskName: 'Get approval from customer', startDate: new Date('02/18/2019'),
+                            endDate: new Date('02/19/2019'), duration: 2, progress: '100', predecessor: '9FS', resourceId: [1]
+                        },
+                        {
+                            taskID: 11, taskName: 'Design complete', startDate: new Date('02/17/2019'),
+                            endDate: new Date('02/17/2019'), duration: 0, predecessor: '10FS'
+                        }
+                    ]
+                },
+                {
+                    taskID: 12,
+                    taskName: 'Implementation Phase',
+                    startDate: new Date('02/25/2019'),
+                    endDate: new Date('03/05/2019'),
+                    subtasks: [
+                        {
+                            taskID: 13,
+                            taskName: 'Phase 1',
+                            startDate: new Date('02/25/2019'),
+                            endDate: new Date('03/07/2019'),
+                            subtasks: [{
+                                    taskID: 14,
+                                    taskName: 'Implementation Module 1',
+                                    startDate: new Date('02/25/2019'),
+                                    endDate: new Date('03/07/2019'),
+                                    subtasks: [
+                                        {
+                                            taskID: 15, taskName: 'Development Task 1', startDate: new Date('02/22/2019'),
+                                            endDate: new Date('02/24/2019'), duration: 3, progress: '50', predecessor: '11FS', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 16, taskName: 'Development Task 2', startDate: new Date('02/22/2019'),
+                                            endDate: new Date('02/24/2019'), duration: 3, progress: '50', predecessor: '11FS', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 17, taskName: 'Testing', startDate: new Date('02/25/2019'),
+                                            endDate: new Date('02/26/2019'), duration: 2, progress: '0', predecessor: '15FS,16FS', resourceId: [4]
+                                        },
+                                        {
+                                            taskID: 18, taskName: 'Bug fix', startDate: new Date('03/01/2019'),
+                                            endDate: new Date('03/02/2019'), duration: 2, progress: '0', predecessor: '17FS', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 19, taskName: 'Customer review meeting', startDate: new Date('03/03/2019'),
+                                            endDate: new Date('03/07/2019'), duration: 2, progress: '0', predecessor: '18FS', resourceId: [1]
+                                        },
+                                        {
+                                            taskID: 20, taskName: 'Phase 1 complete', startDate: new Date('03/05/2019'),
+                                            endDate: new Date('03/05/2019'), duration: 0, predecessor: '19FS'
+                                        }
+                                    ]
+                                }]
+                        },
+                        {
+                            taskID: 21,
+                            taskName: 'Phase 2',
+                            startDate: new Date('02/25/2019'),
+                            endDate: new Date('03/05/2019'),
+                            subtasks: [{
+                                    taskID: 22,
+                                    taskName: 'Implementation Module 2',
+                                    startDate: new Date('02/25/2019'),
+                                    endDate: new Date('03/05/2019'),
+                                    subtasks: [
+                                        {
+                                            taskID: 23, taskName: 'Development Task 1', startDate: new Date('02/22/2019'),
+                                            endDate: new Date('02/25/2019'), duration: 4, progress: '50', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 24, taskName: 'Development Task 2', startDate: new Date('02/22/2019'),
+                                            endDate: new Date('02/25/2019'), duration: 4, progress: '50', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 25, taskName: 'Testing', startDate: new Date('02/26/2019'),
+                                            endDate: new Date('03/01/2019'), duration: 2, progress: '0', predecessor: '23FS,24FS', resourceId: [4]
+                                        },
+                                        {
+                                            taskID: 26, taskName: 'Bug fix', startDate: new Date('03/02/2019'),
+                                            endDate: new Date('03/03/2019'), duration: 2, progress: '0', predecessor: '25FS', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 27, taskName: 'Customer review meeting', startDate: new Date('03/07/2019'),
+                                            endDate: new Date('03/05/2019'), duration: 2, progress: '0', predecessor: '26FS', resourceId: [1]
+                                        },
+                                        {
+                                            taskID: 28, taskName: 'Phase 2 complete', startDate: new Date('03/03/2019'),
+                                            endDate: new Date('03/03/2019'), duration: 0, predecessor: '27FS'
+                                        }
+                                    ]
+                                }]
+                        },
+                        {
+                            taskID: 29,
+                            taskName: 'Phase 3',
+                            startDate: new Date('02/25/2019'),
+                            endDate: new Date('03/07/2019'),
+                            subtasks: [{
+                                    taskID: 30,
+                                    taskName: 'Implementation Module 3',
+                                    startDate: new Date('02/25/2019'),
+                                    endDate: new Date('03/07/2019'),
+                                    subtasks: [
+                                        {
+                                            taskID: 31, taskName: 'Development Task 1', startDate: new Date('02/22/2019'),
+                                            endDate: new Date('02/24/2019'), duration: 3, progress: '50', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 32, taskName: 'Development Task 2', startDate: new Date('02/22/2019'),
+                                            endDate: new Date('02/24/2019'), duration: 3, progress: '50', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 33, taskName: 'Testing', startDate: new Date('02/25/2019'), endDate: new Date('02/26/2019'),
+                                            duration: 2, progress: '0', predecessor: '31FS,32FS', resourceId: [4]
+                                        },
+                                        {
+                                            taskID: 34, taskName: 'Bug fix', startDate: new Date('03/01/2019'), endDate: new Date('03/05/2019'),
+                                            duration: 2, progress: '0', predecessor: '33FS', resourceId: [3]
+                                        },
+                                        {
+                                            taskID: 35, taskName: 'Customer review meeting', startDate: new Date('03/03/2019'),
+                                            endDate: new Date('03/04/2019'), duration: 2, progress: '0', predecessor: '34FS',
+                                            resourceId: [1]
+                                        },
+                                        {
+                                            taskID: 36, taskName: 'Phase 3 complete', startDate: new Date('03/02/2019'),
+                                            endDate: new Date('03/02/2019'), duration: 0, predecessor: '35FS'
+                                        },
+                                    ]
+                                }]
+                        }
+                    ]
+                },
+                {
+                    taskID: 37, taskName: 'Integration', startDate: new Date('03/08/2019'), endDate: new Date('03/10/2019'), duration: 3,
+                    progress: '0', predecessor: '20FS,28FS,36FS', resourceId: [3]
+                },
+                {
+                    taskID: 38, taskName: 'Final Testing', startDate: new Date('03/11/2019'), endDate: new Date('03/12/2019'), duration: 2,
+                    progress: '0', predecessor: '37FS', resourceId: [4]
+                },
+                {
+                    taskID: 39, taskName: 'Final Delivery', startDate: new Date('03/10/2019'), endDate: new Date('03/10/2019'),
+                    duration: 0, predecessor: '38FS'
+                }
+            ]
+        }
+    ];
+    exports.baselineData = [
+        {
+            TaskId: 1, TaskName: 'Receive vehicle and create job card', BaselineStartDate: new Date('03/05/2018 10:00:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 10:00:00 AM'), StartDate: new Date('03/05/2018 10:00:00 AM'),
+            EndDate: new Date('03/05/2018 10:00:00 AM')
+        },
+        {
+            TaskId: 2, TaskName: 'Allot mechanic and send vehicle to service bay', BaselineStartDate: new Date('03/05/2018 10:00:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 10:15:00 AM'), StartDate: new Date('03/05/2018 10:15:00 AM'),
+            EndDate: new Date('03/05/2018 10:20:00 AM')
+        },
+        {
+            TaskId: 3, TaskName: 'Change the Receive vehicle and create job cardengine oil',
+            BaselineStartDate: new Date('03/05/2018 10:15:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 10:45:00 AM'), StartDate: new Date('03/05/2018 10:20:00 AM'),
+            EndDate: new Date('03/05/2018 10:35:00 AM')
+        },
+        {
+            TaskId: 4, TaskName: 'Replace the oil filter', BaselineStartDate: new Date('03/05/2018 10:45:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 11:15:00 AM'), StartDate: new Date('03/05/2018 10:35:00 AM'),
+            EndDate: new Date('03/05/2018 11:00:00 AM')
+        },
+        {
+            TaskId: 5, TaskName: 'Replace the air filter', BaselineStartDate: new Date('03/05/2018 10:45:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 11:15:00 AM'), StartDate: new Date('03/05/2018 10:35:00 AM'),
+            EndDate: new Date('03/05/2018 11:00:00 AM')
+        },
+        {
+            TaskId: 6, TaskName: 'Replace the fuel filter', BaselineStartDate: new Date('03/05/2018 11:15:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 11:25:00 AM'), StartDate: new Date('03/05/2018 11:00:00 AM'),
+            EndDate: new Date('03/05/2018 11:20:00 AM')
+        },
+        {
+            TaskId: 7, TaskName: 'Replace the cabin filter', BaselineStartDate: new Date('03/05/2018 11:00:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 11:20:00 AM'), StartDate: new Date('03/05/2018 11:00:00 AM'),
+            EndDate: new Date('03/05/2018 11:25:00 AM')
+        },
+        {
+            TaskId: 8, TaskName: 'Replace the spark plugs', BaselineStartDate: new Date('03/05/2018 11:00:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 11:30:00 AM'), StartDate: new Date('03/05/2018 11:25:00 AM'),
+            EndDate: new Date('03/05/2018 11:45:00 AM')
+        },
+        {
+            TaskId: 9, TaskName: 'Check level and refill brake fluid/clutch fluid', BaselineStartDate: new Date('03/05/2018 11:20:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 11:40:00 AM'), StartDate: new Date('03/05/2018 11:30:00 AM'),
+            EndDate: new Date('03/05/2018 11:50:00 AM')
+        },
+        {
+            TaskId: 10, TaskName: 'Check Brake Pads/Liners, Brake Discs/Drums, and replace if worn out.',
+            BaselineStartDate: new Date('03/05/2018 11:40:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 12:00:00 PM'), StartDate: new Date('03/05/2018 11:50:00 AM'),
+            EndDate: new Date('03/05/2018 12:20:00 PM')
+        },
+        {
+            TaskId: 11, TaskName: 'Check level and refill power steering fluid', BaselineStartDate: new Date('03/05/2018 11:40:00 AM'),
+            BaselineEndDate: new Date('03/05/2018 12:00:00 PM'), StartDate: new Date('03/05/2018 11:50:00 AM'),
+            EndDate: new Date('03/05/2018 12:15:00 PM')
+        },
+        {
+            TaskId: 12, TaskName: 'Check level and refill Automatic/Manual Transmission Fluid',
+            BaselineStartDate: new Date('03/05/2018 12:00:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 12:35:00 PM'), StartDate: new Date('03/05/2018 11:50:00 AM'),
+            EndDate: new Date('03/05/2018 12:20:00 PM')
+        },
+        {
+            TaskId: 13, TaskName: 'Grease and lubricate components', BaselineStartDate: new Date('03/05/2018 12:20:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 12:35:00 PM'), StartDate: new Date('03/05/2018 12:20:00 PM'),
+            EndDate: new Date('03/05/2018 12:45:00 PM')
+        },
+        {
+            TaskId: 14, TaskName: 'Inspect and replace the timing belt or timing chain if needed',
+            BaselineStartDate: new Date('03/05/2018 12:35:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 1:00:00 PM'), StartDate: new Date('03/05/2018 12:45:00 PM'),
+            EndDate: new Date('03/05/2018 1:00:00 PM')
+        },
+        {
+            TaskId: 15, TaskName: 'Wheel Balancing', BaselineStartDate: new Date('03/05/2018 1:00:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 1:20:00 PM'), StartDate: new Date('03/05/2018 1:00:00 PM'),
+            EndDate: new Date('03/05/2018 1:45:00 PM')
+        },
+        {
+            TaskId: 16, TaskName: 'Wheel Alignment', BaselineStartDate: new Date('03/05/2018 1:20:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 1:45:00 PM'), StartDate: new Date('03/05/2018 1:45:00 PM'),
+            EndDate: new Date('03/05/2018 2:45:00 PM')
+        },
+        {
+            TaskId: 17, TaskName: 'Check for proper operation of all lights, wipers etc.', BaselineStartDate: new Date('03/05/2018 1:50:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 02:30:00 PM'), StartDate: new Date('03/05/2018 02:45:00 PM'),
+            EndDate: new Date('03/05/2018 03:30:00 PM')
+        },
+        {
+            TaskId: 18, TaskName: 'Check for any Error codes in the ECU and take corrective action.',
+            BaselineStartDate: new Date('03/05/2018 2:30:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 3:30:00 PM'), StartDate: new Date('03/05/2018 03:30:00 PM'),
+            EndDate: new Date('03/05/2018 04:15:00 PM')
+        },
+        {
+            TaskId: 19, TaskName: 'Use scan tool read trouble code', BaselineStartDate: new Date('03/05/2018 03:30:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 04:45:00 PM'), StartDate: new Date('03/05/2018 04:15:00 PM'),
+            EndDate: new Date('03/05/2018 04:45:00 PM')
+        },
+        {
+            TaskId: 20, TaskName: 'Exterior washing', BaselineStartDate: new Date('03/05/2018 04:45:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 05:15:00 PM'), StartDate: new Date('03/05/2018 04:45:00 PM'),
+            EndDate: new Date('03/05/2018 05:30:00 PM')
+        },
+        {
+            TaskId: 21, TaskName: 'Interior vacuuming', BaselineStartDate: new Date('03/05/2018 05:15:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 05:45:00 PM'), StartDate: new Date('03/05/2018 05:30:00 PM'),
+            EndDate: new Date('03/05/2018 06:00:00 PM')
+        },
+        {
+            TaskId: 22, TaskName: 'Final service inspection', BaselineStartDate: new Date('03/05/2018 05:45:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 06:00:00 PM'), StartDate: new Date('03/05/2018 06:00:00 PM'),
+            EndDate: new Date('03/05/2018 06:30:00 PM')
+        },
+        {
+            TaskId: 23, TaskName: 'Vehicle handover', BaselineStartDate: new Date('03/05/2018 06:00:00 PM'),
+            BaselineEndDate: new Date('03/05/2018 06:00:00 PM'), StartDate: new Date('03/05/2018 06:30:00 PM'),
+            EndDate: new Date('03/05/2018 06:30:00 PM')
+        }
+    ];
+});
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/index.html b/ej2-vue/code-snippet/gantt/resource-customization-cs1/index.html
similarity index 100%
rename from ej2-vue/code-snippet/grid/pdf/default-cs17/index.html
rename to ej2-vue/code-snippet/gantt/resource-customization-cs1/index.html
diff --git a/ej2-vue/code-snippet/gantt/resource-customization-cs1/index.js b/ej2-vue/code-snippet/gantt/resource-customization-cs1/index.js
new file mode 100644
index 000000000..3ee30f2a2
--- /dev/null
+++ b/ej2-vue/code-snippet/gantt/resource-customization-cs1/index.js
@@ -0,0 +1,156 @@
+
+import Vue from "vue";
+import { GanttPlugin } from "@syncfusion/ej2-vue-gantt";
+Vue.use(GanttPlugin);
+new Vue({
+	el: '#app',
+	template: `
+     <div>
+        <ejs-gantt ref='gantt' id="GanttContainer" :queryTaskbarInfo="queryTaskbarInfo" :dataSource="data" :taskFields= "taskFields" :resourceFields= "resourceFields" :resources= "resources" :labelSettings= "labelSettings" :splitterSettings= "splitterSettings">
+        <e-columns>
+        <e-column field='TaskName' headerText='Task Name' width='270'></e-column>
+        <e-column field='resources' headerText='Resources' width='175' :template='resCTemplate'></e-column>
+        <e-column field='StartDate' headerText='Start Date' width='150'></e-column>
+        <e-column field='Duration' headerText='Duration' width='150'></e-column>
+        <e-column field='Progress' headerText='Progress' width='150'></e-column>
+        </e-columns>
+        </ejs-gantt>
+    </div>
+`,
+
+  data: function() {
+      return {
+        resCTemplate: function () {
+            return { template : Vue.component('resCTemplate',{
+               template: `<div v-if="data.ganttProperties.resourceNames">
+               <div :style="Resources(data.ganttProperties.resourceNames)">
+               <span :style="ResourcesStyles(data.ganttProperties.resourceNames)"> {{ data.ganttProperties.resourceNames }} </span>
+               </div>
+           </div>`,
+           methods: {
+                    Resources: function (resource) {
+                        let style ='';
+                        switch (resource) {
+                            case 'Martin Tamer':
+                                style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 81px; height: 24px; border-radius: 24px; background: #DFECFF " ;
+                                break;
+                            case 'Rose Fuller':
+                                style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 71px; height: 24px; border-radius: 24px; background: #E4E4E7 " ;
+                                break;
+                            case 'Margaret Buchanan':
+                                style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 123px; height: 24px; border-radius: 24px; background: #DFFFE2 " ;
+                                break;
+                            case 'Tamer Vinet':
+                                style = "display: flex; padding: 1.5px 12px; gap: 10px; width: 75px; height: 24px; border-radius: 24px; background: #FFEBE9 " ;
+                                break;
+                        }
+                        return style;
+                    },
+                    ResourcesStyles: function (resource) {
+                        let style ='';
+                        switch (resource) {
+                            case 'Martin Tamer':
+                                style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #006AA6" ;
+                                break;
+                            case 'Rose Fuller':
+                                style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #766B7C" ;
+                                break;
+                            case 'Margaret Buchanan':
+                                style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #00A653" ;
+                                break;
+                            case 'Tamer Vinet':
+                                style = "width: 72px; height: 22px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #FF3740" ;
+                                break;
+                        }
+                        return style;
+                    }
+                },
+            })}
+      },
+        data: [
+            {
+                TaskID: 1,
+                TaskName: 'Project Initiation',
+                StartDate: new Date('04/02/2019'),
+                EndDate: new Date('04/21/2019'),
+                subtasks: [
+                    {
+                        TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4,
+                        Progress: 30, resources: [1], info: 'Measure the total property area alloted for construction'
+                    },
+                    {
+                        TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '2',
+                        resources: [2], info: 'Obtain an engineered soil test of lot where construction is planned.' +
+                            'From an engineer or company specializing in soil testing'
+                    },
+                    { TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '3', Progress: 30, resources: [3], },
+                ]
+            },
+            {
+                TaskID: 5,
+                TaskName: 'Project Estimation',
+                StartDate: new Date('04/02/2019'),
+                EndDate: new Date('04/21/2019'),
+                subtasks: [
+                    {
+                        TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'),
+                        Duration: 3, Predecessor: '4', Progress: 30, resources: [4],
+                        info: 'Develop floor plans and obtain a materials list for estimations'
+                    },
+                    {
+                        TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'),
+                        Duration: 3, Predecessor: '6', resources: [1], info: ''
+                    },
+                    {
+                        TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'),
+                        Duration: 4, Predecessor: '7',resources: [2], info: ''
+                    }
+                ]
+            }
+        ],
+        queryTaskbarInfo: function(args) {
+            if (args.data.resources === 'Martin Tamer') {
+                args.taskbarBgColor = '#DFECFF';
+                args.progressBarBgColor = '#006AA6'
+            } else if (args.data.resources === 'Rose Fuller') {
+                args.taskbarBgColor = '#E4E4E7';
+                args.progressBarBgColor = '#766B7C'
+            }
+            else if (args.data.resources === 'Margaret Buchanan') {
+                args.taskbarBgColor = '#DFFFE2';
+                args.progressBarBgColor = '#00A653'
+            }
+            else if (args.data.resources === 'Tamer Vinet') {
+                args.taskbarBgColor = '#FFEBE9';
+                args.progressBarBgColor = '#FF3740'
+            }
+        },
+        taskFields: {
+            id: 'TaskID',
+            name: 'TaskName',
+            resourceInfo: 'resources',
+            startDate: 'StartDate',
+            duration: 'Duration',
+            progress: 'Progress',
+            child: 'subtasks'
+        },
+        resourceFields: {
+            id: 'resourceId',
+            name: 'resourceName'
+        },
+        resources: [
+            { resourceId: 1, resourceName: 'Martin Tamer' },
+            { resourceId: 2, resourceName: 'Rose Fuller' },
+            { resourceId: 3, resourceName: 'Margaret Buchanan' },
+            { resourceId: 4, resourceName: 'Tamer Vinet' }
+        ],
+        labelSettings: {
+            rightLabel: 'resources'
+        },
+        splitterSettings: {
+            columnIndex: 2
+        }
+        };
+    },
+
+});
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/systemjs.config.js b/ej2-vue/code-snippet/gantt/resource-customization-cs1/systemjs.config.js
similarity index 52%
rename from ej2-vue/code-snippet/grid/pdf/default-cs17/systemjs.config.js
rename to ej2-vue/code-snippet/gantt/resource-customization-cs1/systemjs.config.js
index 3c66e9303..881f010b7 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/systemjs.config.js
+++ b/ej2-vue/code-snippet/gantt/resource-customization-cs1/systemjs.config.js
@@ -17,23 +17,30 @@ System.config({
 vue: "https://unpkg.com/vue@2.6.14/dist/vue.min.js",
         "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
         "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+        "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
         "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
-        "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
-        "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",        
-        "@syncfusion/ej2-dropdowns":"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+	    "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
         "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
-        "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
-        "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
         "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
-        "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
-        "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
-        "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
-        "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",  
-        "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+        "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+        "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
+        "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+        "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+        "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", 
+	    "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
+        "@syncfusion/ej2-treegrid": "syncfusion:ej2-treegrid/dist/ej2-treegrid.umd.min.js",
+        "@syncfusion/ej2-gantt": "syncfusion:ej2-gantt/dist/ej2-gantt.umd.min.js",
         "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
-        
+        "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+        "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+        "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+        "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+        "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",	
         "@syncfusion/ej2-vue-base": "syncfusion:ej2-vue-base/dist/ej2-vue-base.umd.min.js",
-        "@syncfusion/ej2-vue-grids": "syncfusion:ej2-vue-grids/dist/ej2-vue-grids.umd.min.js",
+        "@syncfusion/ej2-vue-buttons": "syncfusion:ej2-vue-buttons/dist/ej2-vue-buttons.umd.min.js",       
+	    "@syncfusion/ej2-vue-dropdowns": "syncfusion:ej2-vue-dropdowns/dist/ej2-vue-dropdowns.umd.min.js",
+        "@syncfusion/ej2-vue-gantt": "syncfusion:ej2-vue-gantt/dist/ej2-vue-gantt.umd.min.js",
+        "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js"		    
     }
 });
 
diff --git a/ej2-vue/code-snippet/grid/accessibility/custom-shortcut-key/app.vue b/ej2-vue/code-snippet/grid/accessibility/custom-shortcut-key/app.vue
index ba59a3767..49940f655 100644
--- a/ej2-vue/code-snippet/grid/accessibility/custom-shortcut-key/app.vue
+++ b/ej2-vue/code-snippet/grid/accessibility/custom-shortcut-key/app.vue
@@ -12,7 +12,7 @@
 
 <script>
 
-import { GridComponent, Toolbar, Edit, Group } from "@syncfusion/ej2-vue-grids";
+import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, Edit, Group } from "@syncfusion/ej2-vue-grids";
 import { data } from './datasource.js';
 
 export default {
diff --git a/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app-composition.vue b/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app-composition.vue
index d91053d27..70af8d962 100644
--- a/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true' 
     :toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6' 
-    :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
+    :selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
       <e-columns>
         <e-column type="checkbox" width=50></e-column>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' width=90></e-column>
diff --git a/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app.vue b/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app.vue
index 6468902da..5abd1f4e8 100644
--- a/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app.vue
+++ b/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true' 
     :toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6' 
-    :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
+    :selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
       <e-columns>
         <e-column type="checkbox" width=50></e-column>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' width=90></e-column>
diff --git a/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/index.js b/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/index.js
index 7efaca8bb..8609be777 100644
--- a/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/index.js
+++ b/ej2-vue/code-snippet/grid/accessibility/ensuring-accessibility/index.js
@@ -13,7 +13,7 @@ new Vue({
     <div id="app">
         <ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true' 
         :toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6' 
-        :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
+        :selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
           <e-columns>
             <e-column type="checkbox" width=50></e-column>
             <e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' width=90></e-column>
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app-composition.vue b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app-composition.vue
index ec5dd4130..6ba5d00f4 100644
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app-composition.vue
@@ -5,11 +5,11 @@
       <ejs-dropdownlist ref='dropdown' id='dropdownlist' index="0" width="150" :dataSource="ddlData" :fields='fields'
         :change="change"></ejs-dropdownlist>
     </div>
-    <ejs-grid ref='grid' id="grid" style="padding: 5px 5px" :dataSource='data' :allowPaging='true' :allowTextWrap='true'
+    <ejs-grid ref='grid' id="grid" style="margin-top: 5px" :dataSource='data' :allowTextWrap='true'
       :textWrapSettings='wrapSettings' height='310' width='800'>
       <e-columns>
         <e-column field='Inventor' headerText='Inventor Name' width='150' textAlign="Right"></e-column>
-        <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180'
+        <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='150'
           textAlign="Right"></e-column>
         <e-column field='Country' headerText='Country' width='140'></e-column>
         <e-column field='Active' width='120'></e-column>
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app.vue b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app.vue
index 1130bd077..4ef19ff37 100644
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app.vue
+++ b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/app.vue
@@ -5,10 +5,10 @@
         <ejs-dropdownlist ref='dropdown' id='dropdownlist' index="0"
         width="150" :dataSource="ddlData" :fields='fields' :change="change"></ejs-dropdownlist>
       </div>
-      <ejs-grid ref='grid' id="grid" style="padding: 5px 5px" :dataSource='data' :allowPaging='true' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310' width='800'>
+      <ejs-grid ref='grid' id="grid" style="margin-top: 5px" :dataSource='data' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310' width='800'>
         <e-columns>
           <e-column field='Inventor' headerText='Inventor Name' width='150' textAlign="Right"></e-column>
-          <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180' textAlign="Right"></e-column>
+          <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='150' textAlign="Right"></e-column>
           <e-column field='Country' headerText='Country' width='140'></e-column>
           <e-column field='Active' width='120'></e-column>
           <e-column field='Mainfieldsofinvention' headerText='Main fields of invention' width='200'></e-column>
@@ -43,7 +43,7 @@ components: {
   },
   methods: {
     change: function(args) {
-      let grid = this.$refs.grid.$el.ej2_instances[0];
+      let grid = this.$refs.grid.ej2Instances;
       grid.textWrapSettings.wrapMode = args.value;
     }
   },
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.css b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.css
deleted file mode 100644
index c0f4529d7..000000000
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-  
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.html b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.js b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.js
index 64574a215..17d15c513 100644
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.js
+++ b/ej2-vue/code-snippet/grid/cell/autowrap-cs1/index.js
@@ -16,10 +16,11 @@ new Vue({
         <ejs-dropdownlist ref='dropdown' id='dropdownlist' index="0"
         width="150" :dataSource="ddlData" :fields='fields' :change="change"></ejs-dropdownlist>
       </div>
-      <ejs-grid ref='grid' id="grid" style="padding: 5px 5px" :dataSource='data' :allowPaging='true' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310' width='800'>
+      <ejs-grid ref='grid' id="grid" style="margin-top: 5px" :dataSource='data' :allowTextWrap='true' 
+      :textWrapSettings='wrapSettings' height='310' width='800'>
         <e-columns>
           <e-column field='Inventor' headerText='Inventor Name' width='150' textAlign="Right"></e-column>
-          <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180' textAlign="Right"></e-column>
+          <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='120' textAlign="Right"></e-column>
           <e-column field='Country' headerText='Country' width='140'></e-column>
           <e-column field='Active' width='120'></e-column>
           <e-column field='Mainfieldsofinvention' headerText='Main fields of invention' width='200'></e-column>
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.css b/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.css
deleted file mode 100644
index c0f4529d7..000000000
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-  
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.html b/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.html
+++ b/ej2-vue/code-snippet/grid/cell/autowrap-cs2/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.css b/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.html b/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.html
index 743fd61ef..2105cdb90 100644
--- a/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/cell/autowrap-cs3/index.html
@@ -11,7 +11,7 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
+    
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.css b/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.html b/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.html
+++ b/ej2-vue/code-snippet/grid/cell/custom-tooltip/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/cell/default-cs3/app-composition.vue b/ej2-vue/code-snippet/grid/cell/default-cs3/app-composition.vue
index 5fdd567d9..f40691876 100644
--- a/ej2-vue/code-snippet/grid/cell/default-cs3/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/cell/default-cs3/app-composition.vue
@@ -2,9 +2,9 @@
     <div id="app">
         <ejs-grid :dataSource="data" height='315' :selectionSettings='selectionOptions'>
           <e-columns>
-            <e-column field='OrderID' headerText='Order ID' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
+            <e-column field='OrderID' headerText='Order ID' width=90></e-column>
             <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
-            <e-column field='ShipCity' headerText='Ship City' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
+            <e-column field='ShipCity' headerText='Ship City' width=90></e-column>
             <e-column field='ShipName' headerText='Ship Name' textAlign='Right' width=120 > </e-column>          </e-columns>
         </ejs-grid>
     </div>
@@ -17,10 +17,9 @@ import { data } from './datasource.js';
       const selectionOptions = { type: 'Multiple', mode: 'Cell' };
 </script>
 <style>
-  .custom-css {
-  background: #d7f0f4;
-  font-style: italic;
-  color:navy
+  .e-grid td.e-cellselectionbackground {
+    background: #9ac5ee;
+    font-style: italic;
   }
 
   @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
diff --git a/ej2-vue/code-snippet/grid/cell/default-cs3/app.vue b/ej2-vue/code-snippet/grid/cell/default-cs3/app.vue
index 703087476..f1f56b9d5 100644
--- a/ej2-vue/code-snippet/grid/cell/default-cs3/app.vue
+++ b/ej2-vue/code-snippet/grid/cell/default-cs3/app.vue
@@ -2,9 +2,9 @@
     <div id="app">
         <ejs-grid :dataSource="data" height='315' :selectionSettings='selectionOptions'>
           <e-columns>
-            <e-column field='OrderID' headerText='Order ID' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
+            <e-column field='OrderID' headerText='Order ID' width=90></e-column>
             <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
-            <e-column field='ShipCity' headerText='Ship City' :customAttributes= "{class: 'custom-css'}" width=90></e-column>
+            <e-column field='ShipCity' headerText='Ship City'  width=90></e-column>
             <e-column field='ShipName' headerText='Ship Name' textAlign='Right' width=120 > </e-column>          </e-columns>
         </ejs-grid>
     </div>
@@ -30,10 +30,9 @@ components: {
 }
 </script>
 <style>
-  .custom-css {
-  background: #d7f0f4;
-  font-style: italic;
-  color:navy
+  .e-grid td.e-cellselectionbackground {
+    background: #9ac5ee;
+    font-style: italic;
   }
 
   @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
diff --git a/ej2-vue/code-snippet/grid/cell/encode-cs1/index.css b/ej2-vue/code-snippet/grid/cell/encode-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/cell/encode-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/cell/encode-cs1/index.html b/ej2-vue/code-snippet/grid/cell/encode-cs1/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/cell/encode-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/cell/encode-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/column/template-colorpicker/app-composition.vue b/ej2-vue/code-snippet/grid/column/template-colorpicker/app-composition.vue
index 29ef6afd2..7c4723f0c 100644
--- a/ej2-vue/code-snippet/grid/column/template-colorpicker/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/column/template-colorpicker/app-composition.vue
@@ -7,7 +7,7 @@
         <e-column field='City' headerText='City' width=100></e-column>
         <e-column headerText='Change the color of row' width='120' :template="'colorPickerTemplate'" textAlign='Center'></e-column>
       </e-columns>
-      <template v-slot:colorPickerTemplate="{ data }">
+      <template v-slot:colorPickerTemplate>
         <div><ejs-colorpicker mode="Palette" :change="change"></ejs-colorpicker></div>
       </template>
     </ejs-grid>
diff --git a/ej2-vue/code-snippet/grid/column/template-colorpicker/app.vue b/ej2-vue/code-snippet/grid/column/template-colorpicker/app.vue
index 602f1d444..42e3b7c1a 100644
--- a/ej2-vue/code-snippet/grid/column/template-colorpicker/app.vue
+++ b/ej2-vue/code-snippet/grid/column/template-colorpicker/app.vue
@@ -7,7 +7,7 @@
         <e-column field='City' headerText='City' width=100></e-column>
         <e-column headerText='Change the color of row' width='120' :template="'colorPickerTemplate'" textAlign='Center'></e-column>
       </e-columns>
-        <template v-slot:colorPickerTemplate="{data}">
+        <template v-slot:colorPickerTemplate>
         <div><ejs-colorpicker mode="Palette" :change="change"></ejs-colorpicker></div>
       </template>
     </ejs-grid>
diff --git a/ej2-vue/code-snippet/grid/column/template-colorpicker/index.css b/ej2-vue/code-snippet/grid/column/template-colorpicker/index.css
deleted file mode 100644
index c0f4529d7..000000000
--- a/ej2-vue/code-snippet/grid/column/template-colorpicker/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-  
diff --git a/ej2-vue/code-snippet/grid/column/template-colorpicker/index.html b/ej2-vue/code-snippet/grid/column/template-colorpicker/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/column/template-colorpicker/index.html
+++ b/ej2-vue/code-snippet/grid/column/template-colorpicker/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/column/template-colorpicker/index.js b/ej2-vue/code-snippet/grid/column/template-colorpicker/index.js
index bcb4ec53d..f5e2910cc 100644
--- a/ej2-vue/code-snippet/grid/column/template-colorpicker/index.js
+++ b/ej2-vue/code-snippet/grid/column/template-colorpicker/index.js
@@ -19,7 +19,7 @@ new Vue({
               <e-column field='City' headerText='City' width=100></e-column>
               <e-column headerText='Change the color of row' width='120' :template="'colorPickerTemplate'" textAlign='Center'>
             </e-columns>
-            <template v-slot:colorPickerTemplate="{data}">
+            <template v-slot:colorPickerTemplate>
               <div><ejs-colorpicker mode="Palette" :change="change"></ejs-colorpicker></div>
             </template>
         </ejs-grid>
diff --git a/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app-composition.vue b/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app-composition.vue
index 661b2c57c..440c0fc9e 100644
--- a/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app-composition.vue
@@ -17,6 +17,7 @@ import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective
 import { data } from './datasource.js';
 const grid = ref(null);
       const values = "";
+      const pageSettings = { pageSize: 8 };
       const contextMenuItems = [
         'SortAscending',
         'SortDescending',
@@ -27,12 +28,7 @@ const grid = ref(null);
         'PdfExport',
         'ExcelExport',
       ];
-      const editOptions = {
-        allowDeleting: true,
-        allowEditing: true,
-        allowAdding: true,
-      };
-    const created = function(args) {
+    const created = function() {
       grid.value.ej2Instances.contextMenuModule.contextMenu.beforeOpen = (
         args
       ) => {
diff --git a/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app.vue b/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app.vue
index 0a874ab31..ccd69db15 100644
--- a/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app.vue
+++ b/ej2-vue/code-snippet/grid/contextMenu/default-cs3/app.vue
@@ -25,6 +25,7 @@ components: {
     return {
       values: "",
       data: data,
+      pageSettings : { pageSize: 8 },
       contextMenuItems: [
         'SortAscending',
         'SortDescending',
@@ -35,15 +36,10 @@ components: {
         'PdfExport',
         'ExcelExport',
       ],
-      editOptions: {
-        allowDeleting: true,
-        allowEditing: true,
-        allowAdding: true,
-      },
     };
   },
   methods: {
-    created:function(args) {
+    created:function() {
       this.$refs.grid.ej2Instances.contextMenuModule.contextMenu.beforeOpen = (
         args
       ) => {
diff --git a/ej2-vue/code-snippet/grid/globalization/default-cs4/index.css b/ej2-vue/code-snippet/grid/globalization/default-cs4/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/globalization/default-cs4/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/globalization/default-cs5/app-composition.vue b/ej2-vue/code-snippet/grid/globalization/default-cs5/app-composition.vue
index 373cdd3d2..b04fc6a65 100644
--- a/ej2-vue/code-snippet/grid/globalization/default-cs5/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/globalization/default-cs5/app-composition.vue
@@ -32,10 +32,10 @@ setCulture('ar-AE');
       const toolbar = ['Add', 'Edit', 'Delete', 'Update', 'Cancel', 'ColumnChooser'];
       const onSwitchChange = function(args) {
       if(args.checked){
-        grid.value.enableRtl = false;
+        grid.value.ej2Instances.enableRtl = false;
       }
       else{
-        grid.value.enableRtl = true;
+        grid.value.ej2Instances.enableRtl = true;
       }
     }
   provide('grid',  [Page, Group, Edit, Toolbar, Sort, Reorder, ColumnMenu, ColumnChooser]);
diff --git a/ej2-vue/code-snippet/grid/globalization/default-cs5/app.vue b/ej2-vue/code-snippet/grid/globalization/default-cs5/app.vue
index f6182891b..5a241837f 100644
--- a/ej2-vue/code-snippet/grid/globalization/default-cs5/app.vue
+++ b/ej2-vue/code-snippet/grid/globalization/default-cs5/app.vue
@@ -46,10 +46,10 @@ components: {
   methods: {
     onSwitchChange: function(args) {
       if(args.checked){
-        this.$refs.grid.enableRtl = false;
+        this.$refs.grid.ej2Instances.enableRtl = false;
       }
       else{
-        this.$refs.grid.enableRtl = true;
+        this.$refs.grid.ej2Instances.enableRtl = true;
       }
     }
   },
diff --git a/ej2-vue/code-snippet/grid/globalization/default-cs5/index.css b/ej2-vue/code-snippet/grid/globalization/default-cs5/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/globalization/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/clear-group/app-composition.vue b/ej2-vue/code-snippet/grid/group/clear-group/app-composition.vue
index 1857ee218..ba87cad24 100644
--- a/ej2-vue/code-snippet/grid/group/clear-group/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/group/clear-group/app-composition.vue
@@ -22,8 +22,8 @@ import { ButtonComponent as EjsButton } from "@syncfusion/ej2-vue-buttons";
 import { data } from './datasource.js';
 const grid = ref(null);
 const groupOptions = { columns: ['CustomerID', 'ShipCity'] }
-const clearGroup = function (args) {
-  grid.value.$el.ej2_instances[0].clearGrouping()
+const clearGroup = function () {
+  grid.value.ej2Instances.clearGrouping();
 }
 provide('grid', [Group]);
 </script>
diff --git a/ej2-vue/code-snippet/grid/group/clear-group/app.vue b/ej2-vue/code-snippet/grid/group/clear-group/app.vue
index 5dc9aaa0f..2d5ae3004 100644
--- a/ej2-vue/code-snippet/grid/group/clear-group/app.vue
+++ b/ej2-vue/code-snippet/grid/group/clear-group/app.vue
@@ -34,7 +34,7 @@ components: {
   },
   methods: {
     clearGroup: function(args) {
-      let grid = this.$refs.grid.$el.ej2_instances[0];
+      let grid = this.$refs.grid.ej2Instances;
       grid.clearGrouping()
     }
   },
diff --git a/ej2-vue/code-snippet/grid/group/clear-group/index.css b/ej2-vue/code-snippet/grid/group/clear-group/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/clear-group/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/clear-group/index.html b/ej2-vue/code-snippet/grid/group/clear-group/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/clear-group/index.html
+++ b/ej2-vue/code-snippet/grid/group/clear-group/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/clear-group/index.js b/ej2-vue/code-snippet/grid/group/clear-group/index.js
index 30e966b76..bd574e0e0 100644
--- a/ej2-vue/code-snippet/grid/group/clear-group/index.js
+++ b/ej2-vue/code-snippet/grid/group/clear-group/index.js
@@ -12,7 +12,7 @@ new Vue({
 	template: `
   <div id="app">
     <div>
-    <ejs-button ref='button' style="margin-top: 10px " cssClass='e-outline' v-on:click="clearGroup">Clear Grouping</ejs-button>
+    <ejs-button ref='button' style="margin-top: 10px " cssClass='e-outline' v-on:click.native="clearGroup">Clear Grouping</ejs-button>
     </div>
     <ejs-grid ref='grid' style="padding-top: 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
       <e-columns>
diff --git a/ej2-vue/code-snippet/grid/group/component-group-caption/app-composition.vue b/ej2-vue/code-snippet/grid/group/component-group-caption/app-composition.vue
index ece6ff8b4..271a52966 100644
--- a/ej2-vue/code-snippet/grid/group/component-group-caption/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/group/component-group-caption/app-composition.vue
@@ -1,6 +1,7 @@
 <template>
   <div id="app">
-    <ejs-grid :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <ejs-grid :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' 
+    :dataBound='dataBound' height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='ID' textAlign='Right' width=90></e-column>
         <e-column field='CustomerID' headerText='Name' width=100></e-column>
@@ -14,7 +15,7 @@
 import { provide } from "vue";
 
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Group } from "@syncfusion/ej2-vue-grids";
-import { ChipList } from '@syncfusion/ej2-vue-buttons';
+import { ChipList } from '@syncfusion/ej2-buttons';
 import { data } from './datasource.js';
 const groupOptions = { columns: ['CustomerID'] };
 const captionTemplate = '<div class="groupChip">${key}</div>';
diff --git a/ej2-vue/code-snippet/grid/group/component-group-caption/app.vue b/ej2-vue/code-snippet/grid/group/component-group-caption/app.vue
index 6fed666aa..de959a8f8 100644
--- a/ej2-vue/code-snippet/grid/group/component-group-caption/app.vue
+++ b/ej2-vue/code-snippet/grid/group/component-group-caption/app.vue
@@ -1,6 +1,7 @@
 <template>
   <div id="app">
-    <ejs-grid :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <ejs-grid :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' 
+    :dataBound='dataBound' height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='ID' textAlign='Right' width=90></e-column>
         <e-column field='CustomerID' headerText='Name' width=100></e-column>
@@ -13,7 +14,7 @@
 <script>
 
 import { GridComponent, ColumnsDirective, ColumnDirective, Group } from "@syncfusion/ej2-vue-grids";
-import { ChipList  } from '@syncfusion/ej2-vue-buttons';
+import { ChipList  } from '@syncfusion/ej2-buttons';
 import { data } from './datasource.js';
 export default {
 name: "App",
diff --git a/ej2-vue/code-snippet/grid/group/component-group-caption/index.css b/ej2-vue/code-snippet/grid/group/component-group-caption/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/component-group-caption/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/component-group-caption/index.html b/ej2-vue/code-snippet/grid/group/component-group-caption/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/component-group-caption/index.html
+++ b/ej2-vue/code-snippet/grid/group/component-group-caption/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/custom-group-caption/index.css b/ej2-vue/code-snippet/grid/group/custom-group-caption/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/custom-group-caption/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/custom-group-caption/index.html b/ej2-vue/code-snippet/grid/group/custom-group-caption/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/custom-group-caption/index.html
+++ b/ej2-vue/code-snippet/grid/group/custom-group-caption/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/custom-group-caption/index.js b/ej2-vue/code-snippet/grid/group/custom-group-caption/index.js
index ed398d14d..9a0cc384e 100644
--- a/ej2-vue/code-snippet/grid/group/custom-group-caption/index.js
+++ b/ej2-vue/code-snippet/grid/group/custom-group-caption/index.js
@@ -12,7 +12,7 @@ new Vue({
 	el: '#app',
 	template: `
     <div id="app">
-      <ejs-grid :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+      <ejs-grid :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' :dataBound='dataBound' height='267px'>
         <e-columns>
           <e-column field='OrderID' headerText='ID' textAlign='Right' width=90></e-column>
           <e-column field='CustomerID' headerText='Name' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/group/default-cs1/index.css b/ej2-vue/code-snippet/grid/group/default-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs1/index.html b/ej2-vue/code-snippet/grid/group/default-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs10/index.css b/ej2-vue/code-snippet/grid/group/default-cs10/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs10/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs10/index.html b/ej2-vue/code-snippet/grid/group/default-cs10/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs10/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs10/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs12/index.css b/ej2-vue/code-snippet/grid/group/default-cs12/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs12/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs12/index.html b/ej2-vue/code-snippet/grid/group/default-cs12/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs12/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs12/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs2/index.css b/ej2-vue/code-snippet/grid/group/default-cs2/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs2/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs2/index.html b/ej2-vue/code-snippet/grid/group/default-cs2/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs2/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs2/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs3/index.css b/ej2-vue/code-snippet/grid/group/default-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs3/index.html b/ej2-vue/code-snippet/grid/group/default-cs3/index.html
index ab6507fad..8dac8ccd8 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs3/index.html
@@ -10,8 +10,7 @@
     <meta name="description" content="Typescript UI Controls" />
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
-    <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />   
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs4/app.vue b/ej2-vue/code-snippet/grid/group/default-cs4/app.vue
index 14ab87b92..77940b45d 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs4/app.vue
+++ b/ej2-vue/code-snippet/grid/group/default-cs4/app.vue
@@ -37,7 +37,7 @@ components: {
   },
   methods: {
     change: function(args) {
-      let grid = this.$refs.grid.$el.ej2_instances[0];
+      let grid = this.$refs.grid.ej2Instances;
       if(args.checked){
         grid.groupSettings.showDropArea = true;
       }
diff --git a/ej2-vue/code-snippet/grid/group/default-cs4/index.css b/ej2-vue/code-snippet/grid/group/default-cs4/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs4/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs4/index.html b/ej2-vue/code-snippet/grid/group/default-cs4/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs4/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs4/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs5/index.css b/ej2-vue/code-snippet/grid/group/default-cs5/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs5/index.html b/ej2-vue/code-snippet/grid/group/default-cs5/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs5/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs5/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs6/index.css b/ej2-vue/code-snippet/grid/group/default-cs6/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs6/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs6/index.html b/ej2-vue/code-snippet/grid/group/default-cs6/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs6/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs6/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs8/index.css b/ej2-vue/code-snippet/grid/group/default-cs8/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs8/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs8/index.html b/ej2-vue/code-snippet/grid/group/default-cs8/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs8/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs8/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs9/index.css b/ej2-vue/code-snippet/grid/group/default-cs9/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/default-cs9/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/default-cs9/index.html b/ej2-vue/code-snippet/grid/group/default-cs9/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/default-cs9/index.html
+++ b/ej2-vue/code-snippet/grid/group/default-cs9/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/external-group/app-composition.vue b/ej2-vue/code-snippet/grid/group/external-group/app-composition.vue
index cfe32c249..756e97801 100644
--- a/ej2-vue/code-snippet/grid/group/external-group/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/group/external-group/app-composition.vue
@@ -1,15 +1,15 @@
 <template>
   <div id="app">
-    <div style="display: flex">
+    <div style="display: inline-block;">
       <label style='padding:  10px 10px 15px 0'> Column name : </label>
-      <ejs-dropdownlist ref='dropDown' id='dropDown' style="margin-top:3px" index="0" width="100" :dataSource="columnData"
+      <ejs-dropdownlist ref='dropDown' id='dropDown' index="0" width="130" :dataSource="columnData"
         :fields='fields'></ejs-dropdownlist>
     </div>
-    <ejs-button ref='button' style="margin-top: 10px " cssClass='e-outline' v-on:click="groupColumn">Group
+    <ejs-button ref='button' style="margin-left:5px; margin-right: 5px " cssClass='e-outline' v-on:click="groupColumn">Group
       column</ejs-button>
-    <ejs-button ref='button' style="margin-top: 10px; margin-right: 5px " cssClass='e-outline'
+    <ejs-button ref='button' style="margin-right: 5px " cssClass='e-outline'
       v-on:click="unGroupColumn"> UnGroup column</ejs-button>
-    <ejs-grid ref='grid' style="padding: 10px 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions'
+    <ejs-grid ref='grid' style="margin-top: 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions'
       height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
@@ -54,4 +54,5 @@ provide('grid', [Group]);
 @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";</style>
\ No newline at end of file
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/group/external-group/app.vue b/ej2-vue/code-snippet/grid/group/external-group/app.vue
index d4d4dbbb3..416df6848 100644
--- a/ej2-vue/code-snippet/grid/group/external-group/app.vue
+++ b/ej2-vue/code-snippet/grid/group/external-group/app.vue
@@ -1,13 +1,16 @@
 <template>
   <div id="app">
-    <div style="display: flex">
-        <label style='padding:  10px 10px 15px 0'> Column name :  </label> 
-        <ejs-dropdownlist ref='dropDown' id='dropDown' style="margin-top:3px" index="0"
-        width="100" :dataSource="columnData" :fields='fields'></ejs-dropdownlist>
-      </div>
-    <ejs-button ref='button' style="margin-top: 10px " cssClass='e-outline' v-on:click="groupColumn">Group column</ejs-button>
-    <ejs-button ref='button' style="margin-top: 10px; margin-right: 5px " cssClass='e-outline' v-on:click="unGroupColumn"> UnGroup column</ejs-button>
-    <ejs-grid ref='grid' style="padding: 10px 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <div style="display: inline-block;">
+      <label style='padding:  10px 10px 15px 0'> Column name : </label>
+      <ejs-dropdownlist ref='dropDown' id='dropDown' index="0" width="130" :dataSource="columnData"
+        :fields='fields'></ejs-dropdownlist>
+    </div>
+    <ejs-button ref='button' style="margin-left:5px; margin-right: 5px " cssClass='e-outline' v-on:click="groupColumn">Group
+      column</ejs-button>
+    <ejs-button ref='button' style="margin-right: 5px " cssClass='e-outline'
+      v-on:click="unGroupColumn"> UnGroup column</ejs-button>
+    <ejs-grid ref='grid' style="margin-top: 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions'
+    height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/group/external-group/index.css b/ej2-vue/code-snippet/grid/group/external-group/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/external-group/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/external-group/index.html b/ej2-vue/code-snippet/grid/group/external-group/index.html
index 217b2b788..a2fb78aaa 100644
--- a/ej2-vue/code-snippet/grid/group/external-group/index.html
+++ b/ej2-vue/code-snippet/grid/group/external-group/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/material.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/external-group/index.js b/ej2-vue/code-snippet/grid/group/external-group/index.js
index fd1b9c92d..5345d5ba8 100644
--- a/ej2-vue/code-snippet/grid/group/external-group/index.js
+++ b/ej2-vue/code-snippet/grid/group/external-group/index.js
@@ -13,14 +13,17 @@ new Vue({
 	el: '#app',
 	template: `
   <div id="app">
-    <div style="display: flex">
-        <label style='padding:  10px 10px 15px 0'> Column name :  </label> 
-        <ejs-dropdownlist ref='dropDown' id='dropDown' style="margin-top:3px" index="0"
-        width="100" :dataSource="columnData" :fields='fields'></ejs-dropdownlist>
-      </div>
-    <ejs-button ref='button' style="margin-top: 10px " cssClass='e-outline' v-on:click="groupColumn">Group column</ejs-button>
-    <ejs-button ref='button' style="margin-top: 10px; margin-right: 5px " cssClass='e-outline' v-on:click="unGroupColumn"> UnGroup column</ejs-button>
-    <ejs-grid ref='grid' style="padding: 10px 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <div style="display: inline-block;">
+      <label style='padding:  10px 10px 15px 0'> Column name : </label>
+      <ejs-dropdownlist ref='dropDown' id='dropDown' index="0" width="130" :dataSource="columnData"
+        :fields='fields'></ejs-dropdownlist>
+    </div>
+    <ejs-button ref='button' style="margin-left:5px; margin-right: 5px " cssClass='e-outline' v-on:click.native="groupColumn">Group
+      column</ejs-button>
+    <ejs-button ref='button' style="margin-right: 5px " cssClass='e-outline'
+      v-on:click.native="unGroupColumn"> UnGroup column</ejs-button>
+    <ejs-grid ref='grid' style="margin-top: 10px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions'
+    height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.css b/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.html b/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.html
+++ b/ej2-vue/code-snippet/grid/group/group-expand-collapse/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.css b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.html b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.css b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.html b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.html
+++ b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs2/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.css b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.html b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/group/lazy-load-group-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/locale-group-caption/index.css b/ej2-vue/code-snippet/grid/group/locale-group-caption/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/locale-group-caption/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/locale-group-caption/index.html b/ej2-vue/code-snippet/grid/group/locale-group-caption/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/locale-group-caption/index.html
+++ b/ej2-vue/code-snippet/grid/group/locale-group-caption/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/prevent-group/index.css b/ej2-vue/code-snippet/grid/group/prevent-group/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/prevent-group/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/prevent-group/index.html b/ej2-vue/code-snippet/grid/group/prevent-group/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/prevent-group/index.html
+++ b/ej2-vue/code-snippet/grid/group/prevent-group/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app-composition.vue b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app-composition.vue
index b072fd5b6..a3a9af32f 100644
--- a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app-composition.vue
@@ -1,16 +1,12 @@
 <template>
   <div id="app">
     <div style="display: inline-block;">
-      <ejs-numerictextbox id='textbox' floatLabelType="Auto" format="##" width='250px'
-        placeholder="Enter Grouped Row Index"></ejs-numerictextbox>
-      <ejs-button style="margin-top:25px" ref='button' cssClass='e-outline'
-        v-on:click="onExpandCollapseButtonClick">Collapse or Expand Row</ejs-button>
+      <ejs-numerictextbox ref='textbox' id='textbox' floatLabelType="Auto" format="##"  width='240px' 
+      placeholder="Enter Grouped Row Index" ></ejs-numerictextbox>
+      <ejs-button ref='button' cssClass='e-outline' v-on:click="onExpandCollapseButtonClick" style='margin-top:25px; margin-left:5px'>Collapse or Expand Row</ejs-button> 
     </div>
-    <div style="padding-top:5px">
-      <p style="color:red;" id="message">{{ message }}</p>
-    </div>
-    <ejs-grid ref='grid' style="padding-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions'
-      height='267px'>
+    <div style="padding-top:5px"><p style="color:red;" id="message">{{ message }}</p></div>
+    <ejs-grid ref='grid' style="margin-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' :allowGrouping='false' width=90></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
@@ -27,19 +23,20 @@ import { ButtonComponent as EjsButton } from "@syncfusion/ej2-vue-buttons";
 import { NumericTextBoxComponent as EjsNumerictextbox } from '@syncfusion/ej2-vue-inputs';
 import { data } from './datasource.js';
 const grid = ref(null);
+const textbox =ref(null);
 const groupOptions = { columns: ['CustomerID'] };
-const message = '';
-const onExpandCollapseButtonClick = function (args) {
-  const groupedRowIndex = parseInt(textbox.value);
+const message = ref(null);
+const onExpandCollapseButtonClick = function () {
+  const groupedRowIndex = parseInt(textbox.value.ej2Instances.value);
   const groupedRows = Array.from(
     grid.value.ej2Instances.getContentTable().querySelectorAll('.e-recordplusexpand, .e-recordpluscollapse')
   );
   if (groupedRows.length >= 0 && groupedRowIndex < groupedRows.length) {
-    this.message = '';
+    message.value = '';
     const groupCaptionElement = groupedRows[groupedRowIndex];
     grid.value.ej2Instances.groupModule.expandCollapseRows(groupCaptionElement);
   } else {
-    this.message =
+    message.value =
       'The entered index exceeds the total number of grouped rows. Please enter a valid grouped index.';
   }
 }
@@ -54,4 +51,5 @@ provide('grid', [Group]);
 @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";</style>
\ No newline at end of file
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app.vue b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app.vue
index 5d524ccf8..945f3ebdf 100644
--- a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app.vue
+++ b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/app.vue
@@ -1,11 +1,12 @@
 <template>
   <div id="app">
     <div style="display: inline-block;">
-      <ejs-numerictextbox id='textbox' floatLabelType="Auto" format="##"  width='250px' placeholder="Enter Grouped Row Index"></ejs-numerictextbox>
-      <ejs-button style="margin-top:25px" ref='button' cssClass='e-outline' v-on:click="onExpandCollapseButtonClick">Collapse or Expand Row</ejs-button>
+      <ejs-numerictextbox ref='textbox' id='textbox' floatLabelType="Auto" format="##"  width='240px' 
+      placeholder="Enter Grouped Row Index" ></ejs-numerictextbox>
+      <ejs-button ref='button' cssClass='e-outline' v-on:click="onExpandCollapseButtonClick" style='margin-top:25px; margin-left:5px'>Collapse or Expand Row</ejs-button> 
     </div>
     <div style="padding-top:5px"><p style="color:red;" id="message">{{ message }}</p></div>
-    <ejs-grid ref='grid' style="padding-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <ejs-grid ref='grid' style="margin-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' :allowGrouping='false' width=90></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
@@ -37,13 +38,12 @@ components: {
     };
   },
   methods: {
-    onExpandCollapseButtonClick: function(args) {
-      let grid = this.$refs.grid.$el.ej2_instances[0];
-      const groupedRowIndex = parseInt(textbox.value);
+    onExpandCollapseButtonClick: function() {
+      let grid = this.$refs.grid.ej2Instances;
+      const groupedRowIndex = parseInt(this.$refs.textbox.ej2Instances.value);
       const groupedRows = Array.from(
         grid.getContentTable().querySelectorAll('.e-recordplusexpand, .e-recordpluscollapse')
       );
-  
       if (groupedRows.length >= 0 && groupedRowIndex < groupedRows.length) {
         this.message = '';
         const groupCaptionElement = groupedRows[groupedRowIndex];
diff --git a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.css b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.html b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.html
+++ b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.js b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.js
index 2ff75342b..5006aa917 100644
--- a/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.js
+++ b/ej2-vue/code-snippet/grid/group/selected-row-expand-collapse/index.js
@@ -14,11 +14,12 @@ new Vue({
 	template: `
   <div id="app">
     <div style="display: inline-block;">
-      <ejs-numerictextbox id='textbox' floatLabelType="Auto" format="##"  width='250px' placeholder="Enter Grouped Row Index"></ejs-numerictextbox>
-      <ejs-button style="margin-top:25px"ref='button' cssClass='e-outline' v-on:click="onExpandCollapseButtonClick">Collapse or Expand Row</ejs-button>
-    </div> 
+      <ejs-numerictextbox ref='textbox' id='textbox' floatLabelType="Auto" format="##"  width='240px' 
+      placeholder="Enter Grouped Row Index" ></ejs-numerictextbox>
+      <ejs-button ref='button' cssClass='e-outline' v-on:click.native="onExpandCollapseButtonClick" style='margin-top:25px; margin-left:5px'>Collapse or Expand Row</ejs-button> 
+    </div>
     <div style="padding-top:5px"><p style="color:red;" id="message">{{ message }}</p></div>
-    <ejs-grid ref='grid' style="padding-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <ejs-grid ref='grid' style="margin-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' :allowGrouping='false' width=90></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
@@ -37,9 +38,9 @@ new Vue({
     };
   },
   methods: {
-    onExpandCollapseButtonClick: function(args) {
+    onExpandCollapseButtonClick: function() {
       let grid = this.$refs.grid.$el.ej2_instances[0];
-      const groupedRowIndex = parseInt(textbox.value);
+      const groupedRowIndex = parseInt(this.$refs.textbox.$el.value);
       const groupedRows = Array.from(
         grid.getContentTable().querySelectorAll('.e-recordplusexpand, .e-recordpluscollapse')
       );
diff --git a/ej2-vue/code-snippet/grid/group/show-grouped-column/app-composition.vue b/ej2-vue/code-snippet/grid/group/show-grouped-column/app-composition.vue
index c6ae3316a..220d6cd46 100644
--- a/ej2-vue/code-snippet/grid/group/show-grouped-column/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/group/show-grouped-column/app-composition.vue
@@ -22,6 +22,7 @@ import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Group } from "@syncfusion/ej2-vue-grids";
 import { SwitchComponent as EjsSwitch } from "@syncfusion/ej2-vue-buttons";
 import { data } from './datasource.js';
+const grid=ref(null);
 const groupOptions = { showGroupedColumn: true, columns: ['CustomerID', 'ShipCity'] };
 const change = function (args) {
   if (args.checked) {
diff --git a/ej2-vue/code-snippet/grid/group/show-grouped-column/app.vue b/ej2-vue/code-snippet/grid/group/show-grouped-column/app.vue
index 15b3828ce..88c7dccb2 100644
--- a/ej2-vue/code-snippet/grid/group/show-grouped-column/app.vue
+++ b/ej2-vue/code-snippet/grid/group/show-grouped-column/app.vue
@@ -36,7 +36,7 @@ components: {
   },
   methods: {
     change: function(args) {
-      let grid = this.$refs.grid.$el.ej2_instances[0];
+      let grid = this.$refs.grid.ej2Instances;
       if(args.checked){
         grid.groupSettings.showGroupedColumn = false;
       }
diff --git a/ej2-vue/code-snippet/grid/group/show-grouped-column/index.css b/ej2-vue/code-snippet/grid/group/show-grouped-column/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/group/show-grouped-column/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/group/show-grouped-column/index.html b/ej2-vue/code-snippet/grid/group/show-grouped-column/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/group/show-grouped-column/index.html
+++ b/ej2-vue/code-snippet/grid/group/show-grouped-column/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/app-composition.vue b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/app-composition.vue
index 58dc634e7..39696cae1 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/app-composition.vue
@@ -26,7 +26,7 @@ import { data, employeeData } from './datasource.js';
           { field: 'ShipName', headerText: 'Ship Name', width: 120 }
         ],
         created: function () {
-          var parentRowData = parentDetails.parentRowData; // 'this' refers to the instance of the child grid.
+          var parentRowData = this.parentDetails.parentRowData; // 'this' refers to the instance of the child grid.
           document.getElementById('message').innerHTML = `EmployeeID: ${parentRowData.EmployeeID}, FirstName: ${parentRowData.FirstName}, Title: ${parentRowData.Title}`;
         }
       }
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs12/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs2/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app-composition.vue b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app-composition.vue
index f4bcaf331..5817fde3a 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app-composition.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <ejs-button @click='expand'>Expand All</ejs-button>
-    <ejs-button @click='collapse'>Collapse All</ejs-button>
+    <ejs-button style='margin-left:5px' @click='collapse'>Collapse All</ejs-button>
     <ejs-grid style="margin-top:10px" ref='grid' :dataSource='parentData' height='265px' :childGrid='childGrid'>
       <e-columns>
         <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=80></e-column>
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app.vue b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app.vue
index 5110d85c6..95a2a8285 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app.vue
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/app.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <ejs-button @click='expand'>Expand All</ejs-button>
-    <ejs-button @click='collapse'>Collapse All</ejs-button>
+    <ejs-button style='margin-left:5px' @click='collapse'>Collapse All</ejs-button>
     <ejs-grid style="margin-top:10px" ref='grid' :dataSource='parentData' height='265px' :childGrid='childGrid'>
         <e-columns>
           <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=80></e-column>
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.js b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.js
index e81aaa686..8494ae7e3 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.js
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs3/index.js
@@ -12,8 +12,8 @@ new Vue({
 	el: '#app',
 	template: `
     <div id="app">
-        <ejs-button @click='expand'>Expand All</ejs-button>
-        <ejs-button @click='collapse'>Collapse All</ejs-button>
+        <ejs-button @click.native='expand'>Expand All</ejs-button>
+        <ejs-button style='margin-left:5px' @click.native='collapse'>Collapse All</ejs-button>
         <ejs-grid style="margin-top:10px" ref='grid' :dataSource='parentData' height='265px' :childGrid='childGrid'>
             <e-columns>
                 <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=80></e-column>
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs4/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs5/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app-composition.vue b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app-composition.vue
index e0fd6fa06..4abb4d3bb 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app-composition.vue
@@ -13,7 +13,7 @@
 <script setup>
 import { provide } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, DetailRow } from "@syncfusion/ej2-vue-grids";
-import { data, employeeData, childdata } from './datasource.js';
+import { employeeData, childdata } from './datasource.js';
 const parentData = employeeData;
 const childGrid = {
   dataSource: childdata,
@@ -25,7 +25,7 @@ const childGrid = {
     { field: 'ShipName', headerText: 'Ship Name', width: 120 }
   ],
   load: function () {
-    parentDetails.parentKeyFieldValue = parentDetails.parentRowData['EmployeeID'];
+    this.parentDetails.parentKeyFieldValue = this.parentDetails.parentRowData['EmployeeID'];
   }
 }
 provide('grid', [DetailRow]);
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app.vue b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app.vue
index de3d78809..e3f92f8ab 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app.vue
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/app.vue
@@ -13,7 +13,7 @@
 <script>
 
 import { GridComponent, ColumnsDirective, ColumnDirective, DetailRow } from "@syncfusion/ej2-vue-grids";
-import { data, employeeData, childdata } from './datasource.js';
+import { employeeData, childdata } from './datasource.js';
 export default {
 name: "App",
 components: {
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs6/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs7/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.css b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.html b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.html
+++ b/ej2-vue/code-snippet/grid/hierarchy-grid/default-cs8/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/how-to/custom-helper-loop-template/app.vue b/ej2-vue/code-snippet/grid/how-to/custom-helper-loop-template/app.vue
index 05141b0d3..2a8d26924 100644
--- a/ej2-vue/code-snippet/grid/how-to/custom-helper-loop-template/app.vue
+++ b/ej2-vue/code-snippet/grid/how-to/custom-helper-loop-template/app.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import { GridComponent, ColumnsDirective, ColumnDirective, AggregatesDirective, AggregateDirective } from "@syncfusion/ej2-vue-grids";
+import { GridComponent, ColumnsDirective, ColumnDirective } from "@syncfusion/ej2-vue-grids";
 import { data } from "./datasource.js";
 export default {
 name: "App",
diff --git a/ej2-vue/code-snippet/grid/how-to/grid-resize/app-composition.vue b/ej2-vue/code-snippet/grid/how-to/grid-resize/app-composition.vue
index f55d8184e..127225cf4 100644
--- a/ej2-vue/code-snippet/grid/how-to/grid-resize/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/how-to/grid-resize/app-composition.vue
@@ -7,10 +7,10 @@
       <label> Enter the height </label>
       <ejs-numerictextbox ref='heightTextbox' :min="200" :max="600" :step='5' :placeholder="200" format="n"
         width='120px'></ejs-numerictextbox>
-      <ejs-button ref='button' cssClass='e-outline' v-on:click="onExternalResize">Update</ejs-button>
+      <ejs-button style='margin-left:5px' ref='button' cssClass='e-outline' v-on:click="onExternalResize">Update</ejs-button>
     </div>
     <div id="parent">
-      <ejs-grid ref='grid' style="padding: 5px 5px" :dataSource='data' height='100%'>
+      <ejs-grid ref='grid' style="margin-top:5px" :dataSource='data' height='100%'>
         <e-columns>
           <e-column field='OrderID' headerText='Order ID' width=90></e-column>
           <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/how-to/grid-resize/app.vue b/ej2-vue/code-snippet/grid/how-to/grid-resize/app.vue
index 33e8e5ac2..2c652eac6 100644
--- a/ej2-vue/code-snippet/grid/how-to/grid-resize/app.vue
+++ b/ej2-vue/code-snippet/grid/how-to/grid-resize/app.vue
@@ -5,10 +5,10 @@
       <ejs-numerictextbox ref='widthTextbox' :min="400" :max="650" :step='5' :placeholder="400" format="n"  width='120px'></ejs-numerictextbox>
       <label> Enter the height </label> 
       <ejs-numerictextbox ref='heightTextbox' :min="200" :max="600" :step='5' :placeholder="200" format="n"  width='120px'></ejs-numerictextbox>
-      <ejs-button ref='button' cssClass='e-outline' v-on:click="onExternalResize">Update</ejs-button>
+      <ejs-button style='margin-left:5px' ref='button' cssClass='e-outline' v-on:click="onExternalResize">Update</ejs-button>
     </div>
     <div id="parent">
-      <ejs-grid ref='grid' style="padding: 5px 5px"  :dataSource='data'  height='100%'>
+      <ejs-grid ref='grid' style="margin-top:5px"  :dataSource='data'  height='100%'>
         <e-columns>
           <e-column field='OrderID' headerText='Order ID' width=90></e-column>
           <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/how-to/grid-resize/index.js b/ej2-vue/code-snippet/grid/how-to/grid-resize/index.js
index 3495f3b20..e3d01a8c8 100644
--- a/ej2-vue/code-snippet/grid/how-to/grid-resize/index.js
+++ b/ej2-vue/code-snippet/grid/how-to/grid-resize/index.js
@@ -18,10 +18,10 @@ new Vue({
             <ejs-numerictextbox ref='widthTextbox' :min="400" :max="650" :step='5' :placeholder="400" format="n"  width='120px'></ejs-numerictextbox>
             <label> Enter the height </label> 
             <ejs-numerictextbox ref='heightTextbox' :min="200" :max="600" :step='5' :placeholder="200" format="n"  width='120px'></ejs-numerictextbox>
-            <ejs-button ref='button' cssClass='e-outline' v-on:click="onExternalResize">Update</ejs-button>
+            <ejs-button style='margin-left:5px' ref='button' cssClass='e-outline' v-on:click.native="onExternalResize">Update</ejs-button>
         </div>
         <div id="parent">
-            <ejs-grid ref='grid' style="padding: 5px 5px"  :dataSource='data'  height='100%'>
+            <ejs-grid ref='grid' style="margin-top:5px"  :dataSource='data'  height='100%'>
                 <e-columns>
                     <e-column field='OrderID' headerText='Order ID' width=90></e-column>
                     <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/app-composition.vue
index 2e6dff733..29889cf5e 100644
--- a/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/app-composition.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-      <div style="margin-left:180px"><p style="color:red;" id="message"></p></div>
+      <div style="margin-left:180px"><p style="color:red;" id="message">{{message}}</p></div>
       <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :pdfExportComplete='pdfExportComplete' :toolbarClick='toolbarClick'>
           <e-columns>
             <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
diff --git a/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.css b/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.html b/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/additional-parameters-export/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/app-composition.vue
index 59803196d..938644ee9 100644
--- a/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/app-composition.vue
@@ -19,11 +19,11 @@ const grid = ref(null);
             const toolbar = ['PdfExport'];
             const groupOptions = { 
                 columns: ['EmployeeID'],
-                captionTemplate: '$;{field} - ${key}'
+                captionTemplate: '${field} - ${key}'
             }
             const toolbarClick = function (args) {
             if (args.item.id === 'CaptionTemplateGrid_pdfexport') {
-                grid.value.grid.pdfExport();
+                grid.value.pdfExport();
             }
         }
         const exportGroupCaption = function(args) {
diff --git a/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.css b/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.html b/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/caption-template-export-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/app-composition.vue
index a11d13972..19bb26163 100644
--- a/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/app-composition.vue
@@ -21,7 +21,8 @@
 </template>
 <script setup>
 import { provide, ref, createApp } from "vue";
-import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, AggregateDirective as EAggregate, AggregatesDirective as EAggregates, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
+import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, AggregateDirective as EAggregate, 
+AggregatesDirective as EAggregates, Toolbar, PdfExport, Aggregate } from "@syncfusion/ej2-vue-grids";
 import { data } from './datasource.js';
 const grid = ref(null);
 const app = createApp();
@@ -55,4 +56,5 @@ provide('grid', [Toolbar, PdfExport, Aggregate]);
 @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";</style>
\ No newline at end of file
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.css b/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.html b/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/custom-aggregate-export-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs10/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/default-cs10/app-composition.vue
index 26e984c01..0c0cef27b 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs10/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs10/app-composition.vue
@@ -18,7 +18,7 @@
 <script setup>
 import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
-import { DropDownListComponent  } from "@syncfusion/ej2-vue-dropdowns";
+import { DropDownListComponent as EjsDropdownlist } from "@syncfusion/ej2-vue-dropdowns";
 import { data } from './datasource.js';
 const grid = ref(null);
 const dropdown = ref(null);
@@ -31,7 +31,7 @@ const dropdown = ref(null);
       const toolbarClick = (args) => {
         if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
             let pdfExportProperties = {
-              pageOrientation: dropdown.value.$el.value,
+              pageOrientation: dropdown.value.ej2Instances.value,
             };
             grid.value.pdfExport(pdfExportProperties);
         }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs10/app.vue b/ej2-vue/code-snippet/grid/pdf/default-cs10/app.vue
index 324e6cfa2..317f08dfe 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs10/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs10/app.vue
@@ -23,7 +23,7 @@ import { data } from './datasource.js';
 export default {
 name: "App",
 components: {
-"ejs-dropdownlist":DropdownlistComponent,
+"ejs-dropdownlist":DropDownListComponent,
 "ejs-grid":GridComponent,
 "e-columns":ColumnsDirective,
 "e-column":ColumnDirective,
@@ -43,7 +43,7 @@ components: {
       toolbarClick(args) {
         if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
             let pdfExportProperties = {
-              pageOrientation: this.$refs.dropdown.$el.value,
+              pageOrientation: this.$refs.dropdown.ej2Instances.value,
             };
             this.$refs.grid.pdfExport(pdfExportProperties);
         }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs10/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs10/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs10/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs10/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs10/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs10/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs10/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs11/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/default-cs11/app-composition.vue
index 25bc0bbdb..a29f27fca 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs11/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs11/app-composition.vue
@@ -18,14 +18,45 @@
 <script setup>
 import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
+import { DropDownListComponent as EjsDropdownlist } from "@syncfusion/ej2-vue-dropdowns";
 import { data } from './datasource.js';
 const grid = ref(null);
 const dropdown = ref(null);
-      const toolbarOptions = ['PdfExport'];
+const toolbarOptions = ['PdfExport'];
+const fields= { text: 'text', value: 'value' };
+const ddlData= [
+        { text: 'Letter', value: 'Letter' },
+        { text: 'Note', value: 'Note' },
+        { text: 'Legal', value: 'Legal' },
+        { text: 'A0', value: 'A0' },
+        { text: 'A1', value: 'A1' },
+        { text: 'A2', value: 'A2' },
+        { text: 'A3', value: 'A3' },
+        { text: 'A4', value: 'A4' },
+        { text: 'A5', value: 'A5' },
+        { text: 'A6', value: 'A6' },
+        { text: 'A7', value: 'A7' },
+        { text: 'A8', value: 'A8' },
+        { text: 'B0', value: 'B0' },
+        { text: 'B1', value: 'B1' },
+        { text: 'B2', value: 'B2' },
+        { text: 'B3', value: 'B3' },
+        { text: 'B4', value: 'B4' },
+        { text: 'B5', value: 'B5' },
+        { text: 'Archa', value: 'Archa' },
+        { text: 'Archb', value: 'Archb' },
+        { text: 'Archc', value: 'Archc' },
+        { text: 'Archd', value: 'Archd' },
+        { text: 'Arche', value: 'Arche' },
+        { text: 'Flsa', value: 'Flsa' },
+        { text: 'HalfLetter', value: 'HalfLetter' },
+        { text: 'Letter11x17', value: 'Letter11x17' },
+        { text: 'Ledger', value: 'Ledger' },
+      ];
       const toolbarClick = (args) => {
         if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
           let pdfExportProperties = {
-            pageSize: dropdown.value.$el.value
+            pageSize: dropdown.value.ej2Instances.value
           };
           grid.value.pdfExport(pdfExportProperties);
         }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs11/app.vue b/ej2-vue/code-snippet/grid/pdf/default-cs11/app.vue
index 1f3ccb165..4087ae8c0 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs11/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs11/app.vue
@@ -18,11 +18,12 @@
 <script>
 
 import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
+import { DropDownListComponent } from "@syncfusion/ej2-vue-dropdowns";
 import { data } from './datasource.js';
 export default {
 name: "App",
 components: {
-"ejs-dropdownlist":DropdownlistComponent,
+"ejs-dropdownlist":DropDownListComponent,
 "ejs-grid":GridComponent,
 "e-columns":ColumnsDirective,
 "e-column":ColumnDirective,
@@ -30,14 +31,44 @@ components: {
   data() {
     return {
       data: data,
-      toolbarOptions: ['PdfExport']
+      toolbarOptions: ['PdfExport'],
+      fields: { text: 'text', value: 'value' },
+      ddlData: [
+        { text: 'Letter', value: 'Letter' },
+        { text: 'Note', value: 'Note' },
+        { text: 'Legal', value: 'Legal' },
+        { text: 'A0', value: 'A0' },
+        { text: 'A1', value: 'A1' },
+        { text: 'A2', value: 'A2' },
+        { text: 'A3', value: 'A3' },
+        { text: 'A4', value: 'A4' },
+        { text: 'A5', value: 'A5' },
+        { text: 'A6', value: 'A6' },
+        { text: 'A7', value: 'A7' },
+        { text: 'A8', value: 'A8' },
+        { text: 'B0', value: 'B0' },
+        { text: 'B1', value: 'B1' },
+        { text: 'B2', value: 'B2' },
+        { text: 'B3', value: 'B3' },
+        { text: 'B4', value: 'B4' },
+        { text: 'B5', value: 'B5' },
+        { text: 'Archa', value: 'Archa' },
+        { text: 'Archb', value: 'Archb' },
+        { text: 'Archc', value: 'Archc' },
+        { text: 'Archd', value: 'Archd' },
+        { text: 'Arche', value: 'Arche' },
+        { text: 'Flsa', value: 'Flsa' },
+        { text: 'HalfLetter', value: 'HalfLetter' },
+        { text: 'Letter11x17', value: 'Letter11x17' },
+        { text: 'Ledger', value: 'Ledger' },
+      ],
     };
   },
   methods: {
       toolbarClick(args) {
         if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
           let pdfExportProperties = {
-            pageSize: this.$refs.dropdown.$el.value
+            pageSize: this.$refs.dropdown.ej2Instances.value
           };
           this.$refs.grid.pdfExport(pdfExportProperties);
         }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs11/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs11/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs11/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs12/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/default-cs12/app-composition.vue
index fe3f6d4ef..b1b4a610e 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs12/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs12/app-composition.vue
@@ -17,7 +17,7 @@
 <script setup>
 import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
-import { TextBoxComponent } from '@syncfusion/ej2-vue-inputs';
+import { TextBoxComponent as EjsTextbox } from '@syncfusion/ej2-vue-inputs';
 import { data } from './datasource.js';
 const grid = ref(null);
 const textbox = ref(null);
@@ -26,7 +26,7 @@ const textbox = ref(null);
       if (args.item.id === "Grid_pdfexport") {
         if (textbox.value.$el.value) {
           const pdfExportProperties = {
-            fileName: textbox.value.$el.value + '.pdf',
+            fileName: textbox.value.ej2Instances.value + '.pdf',
           };
           grid.value.pdfExport(pdfExportProperties);
         } else {
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs12/app.vue b/ej2-vue/code-snippet/grid/pdf/default-cs12/app.vue
index 0dfc3e897..e72d715d7 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs12/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs12/app.vue
@@ -22,7 +22,7 @@ import { data } from './datasource.js';
 export default {
 name: "App",
 components: {
-"ejs-textbox":TextboxComponent,
+"ejs-textbox":TextBoxComponent,
 "ejs-grid":GridComponent,
 "e-columns":ColumnsDirective,
 "e-column":ColumnDirective
@@ -38,7 +38,7 @@ components: {
       if (args.item.id === "Grid_pdfexport") {
         if (this.$refs.textbox.$el.value) {
           const pdfExportProperties = {
-            fileName: this.$refs.textbox.$el.value + '.pdf',
+            fileName: this.$refs.textbox.ej2Instances.value + '.pdf',
           };
           this.$refs.grid.pdfExport(pdfExportProperties);
         } else {
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs12/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs12/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs12/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs12/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs12/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs12/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs12/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs13/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs13/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs13/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs13/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs13/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs13/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs13/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs14/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs14/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs14/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs14/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs14/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs14/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs14/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs15/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/default-cs15/app-composition.vue
index 2b36f0690..03b1cf7d7 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs15/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs15/app-composition.vue
@@ -22,7 +22,7 @@ const grid = ref(null);
           grid.value.pdfExport();
         }
     }
-    const pdfExportComplete = (args) => {
+    const pdfExportComplete = () => {
         grid.value.hideSpinner();
     }
   provide('grid',  [Toolbar, PdfExport, Page]);
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs15/app.vue b/ej2-vue/code-snippet/grid/pdf/default-cs15/app.vue
index a88359725..04b46295c 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs15/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs15/app.vue
@@ -34,7 +34,7 @@ components: {
           this.$refs.grid.pdfExport();
         }
     },
-    pdfExportComplete(args) {
+    pdfExportComplete() {
         this.$refs.grid.hideSpinner();
     },
   },
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs15/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs15/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs15/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs15/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs15/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs15/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs15/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs16/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs16/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs16/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs16/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs16/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs16/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs16/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/default-cs17/app-composition.vue
deleted file mode 100644
index 947a822c2..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/app-composition.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-    <div id="app">
-        <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :allowExcelExport='true' :excelExportComplete='excelExportComplete' :pdfExportComplete='pdfExportComplete' :toolbarClick='toolbarClick'>
-            <e-columns>
-                <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=120></e-column>
-                <e-column field='CustomerID' headerText='Customer ID' :visible='false' width=150></e-column>
-                <e-column field='ShipCity' headerText='Ship City' width=150></e-column>
-                <e-column field='ShipName' headerText='Ship Name' width=150></e-column>
-            </e-columns>
-        </ejs-grid>
-    </div>
-</template>
-<script setup>
-import { provide } from "vue";
-import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport, ExcelExport } from "@syncfusion/ej2-vue-grids";
-import { Query } from "@syncfusion/ej2-data";
-import { data } from './datasource.js';
-    const toolbarOptions = ['PdfExport', 'ExcelExport'];
-      const queryClone = "";
-    const toolbarClick = (args) => {
-        if (args.item.id === 'Grid_pdfexport') {
-            queryClone = grid.value.query;
-            grid.value.query = new Query().addParams("recordcount", "12")
-            grid.value.pdfExport();
-        }
-        else if (args.item.id === 'Grid_excelexport') {
-            queryClone = grid.value.query;
-            grid.value.query = new Query().addParams("recordcount", "12")
-            grid.value.excelExport();
-        }
-    }
-    const pdfExportComplete = (args) => {
-        grid.value.query = queryClone();
-    }
-    const excelExportComplete = (args) => {
-        grid.value.query = queryClone();
-    }
-  provide('grid',  [Toolbar, PdfExport, ExcelExport]);
-</script>
-<style>
- @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
-</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/app.vue b/ej2-vue/code-snippet/grid/pdf/default-cs17/app.vue
deleted file mode 100644
index 001cc6604..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/app.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-    <div id="app">
-        <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :allowExcelExport='true' :excelExportComplete='excelExportComplete' :pdfExportComplete='pdfExportComplete' :toolbarClick='toolbarClick'>
-            <e-columns>
-                <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=120></e-column>
-                <e-column field='CustomerID' headerText='Customer ID' :visible='false' width=150></e-column>
-                <e-column field='ShipCity' headerText='Ship City' width=150></e-column>
-                <e-column field='ShipName' headerText='Ship Name' width=150></e-column>
-            </e-columns>
-        </ejs-grid>
-    </div>
-</template>
-<script>
-import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, PdfExport, ExcelExport } from "@syncfusion/ej2-vue-grids";
-import { Query } from "@syncfusion/ej2-data";
-import { data } from './datasource.js';
-export default {
-name: "App",
-components: {
-"ejs-grid":GridComponent,
-"e-columns":ColumnsDirective,
-"e-column":ColumnDirective
-},
-  data() {
-    return {
-      data: data,
-      toolbarOptions: ['PdfExport', 'ExcelExport'],
-      queryClone: ""
-    };
-  },
-  methods: {
-    toolbarClick(args) {
-        if (args.item.id === 'Grid_pdfexport') {
-            this.queryClone = this.$refs.grid.query;
-            this.$refs.grid.query = new Query().addParams("recordcount", "12")
-            this.$refs.grid.pdfExport();
-        }
-        else if (args.item.id === 'Grid_excelexport') {
-            this.queryClone = this.$refs.grid.query;
-            this.$refs.grid.query = new Query().addParams("recordcount", "12")
-            this.$refs.grid.excelExport();
-        }
-    },
-    pdfExportComplete(args) {
-        this.$refs.grid.query = this.queryClone();
-    },
-    excelExportComplete(args) {
-        this.$refs.grid.query = this.queryClone();
-    }
-  },
-  provide: {
-    grid: [Toolbar, PdfExport, ExcelExport]
-  }
-}
-</script>
-<style>
- @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
-</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/datasource.js b/ej2-vue/code-snippet/grid/pdf/default-cs17/datasource.js
deleted file mode 100644
index f3f92e133..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/datasource.js
+++ /dev/null
@@ -1,10543 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.adventProFont = 'AAEAAAARAQAABAAQRFNJRwAAAAEAALa8AAAACEZGVE1fekHUAACnZAAAABxHREVGACgBwQAAp4AAAAAoR1BPU0UutbcAAKeoAAAO8EdTVUK49LjmAAC2mAAAACRPUy8yegjc7gAAAZgAAABgY21hcP/iHw8AAAhoAAADdmdhc3AAAAAQAACnXAAAAAhnbHlm1UxHIQAADyQAAIfEaGVhZPyoXpQAAAEcAAAANmhoZWEK6QfqAAABVAAAACRobXR4CMZdfQAAAfgAAAZwbG9jYWAAPVIAAAvoAAADOm1heHAB5QBRAAABeAAAACBuYW1lvYEfIwAAlugAAAbGcG9zdL7lSo8AAJ2wAAAJqXByZXBoBoyFAAAL4AAAAAcAAQAAAAIAg2XnRcRfDzz1AAsD6AAAAADK+KMLAAAAAMttdz//xP8lB14DvQAAAAgAAgAAAAAAAAABAAADxP8YAAAHfP/E/7kHXgABAAAAAAAAAAAAAAAAAAABnAABAAABnABOAAcAAAAAAAIAAAABAAEAAABAAAAAAAAAAAIBggEsAAUAAAKKAlgAAABLAooCWAAAAV4AMgD6AAACAAUGBAAAAgAEgAAArxAAIEoAAAAAAAAAAEFEQkUAAAAg+wQDxP8YAAADwgDoAAAAmwAAAAAB9QK8AAAAIAACAfQAAAHKAAABTQAAARYAAADWAE4BqgBzAmUAIgIcACICngAmAiIAIwCqAC4BFgBOARYATgFgABoBgQAiAKUAEQGaAC0AewARAaYAGgIlAD8A0gAaAZMAGgG6ABoB6gAaAboAGgHdABoBvgAaAdoAGgHdABoAawAaAJQAGgFpABoBdAAaAWkAGgGXABoCxwAaAg8ADAIiAE4BsgBCAkAATgHRAE4BvwBOAhkAQQJMAE4AxAAdALL//gHcAE8BuABOArYATgKKAE4CJQA/AiMATgIlAD8CNABOAjEAJQGSAAACNgBKAk8ATgMpAE4CSwAtAiwAPAImAB8BPwBOAeMATgE/AE4BkwBOAgIATADeAC4BygAlAeIATgF/ACQB2wBHAbIAIwEoAE4BwAAlAe0AQADVAE4Awv/6AbMAQwDLAE4C4QBOAfQAQAHHAC8B6gBOAcAAJQFNAD0BrwAkAPMALAG/ACQBqgASAr4AEgHhADoB3gAlAeAATgE0AE4AywBOATQATgICAE4A1gBOAbMATgHZAE4B0ABOAjAANQJMAE4A3gAEAyAAGQF+AE4B8gAqAZoALQMgABkBTgBOAZEATgG1AE4A3gAuAd0AJQKfAE4BmgBMAgIABAHUAE8CDwAMAg8ADAIPAAwCDwAMAg8ADAIPAAwDLgBOAbIAQgHRAE4B0QBOAdEATgHRAE4BGABTAVgATgHAAE4BFABOAoAATgKKAE4CJQA/AiUAPwIlAD8CJQA/AiUAPwGGAE4CFQBOAjYASgI2AEoCNgBKAjYASgIsADwB6gBOAgAATgHyAE4B8gBOAfIATgHyAE4B8gBOAfIATgMuAE4BfwAkAdkATgHZAE4B4gBOAcIAIwDnAE4A4wBRAJ//xACO/98B4gBOAeYATgHmAE4B5gBOAeYATgHmAE4BsABOAe8ATgHmAE4B5gBOAeYATgHmAE4CCABOAeoATgIIAE4CDwAMAfIATgIPAAwB8gBOApYATgH2ACUBsgBCAbMATgGyAEIB0wBOAbIAQgGzAE4BsgBCAbQATgJAAE4CYABOAkAATgIfAE4B0QBOAcIAIwHRAE4B2QBOAfsATgGyACMB0QBOAdkATgIZAEEB6wBOAhkAQQHqAE4CNgBKAeoATgIZAEEB6gBOAkwATgJDAB8CrQBOAiAATgHoAE4BuwBOAXYATgFKAE4BWwBOAQn/+gEYAE4AgQApAQT//gGTAE4B3ABPAb4AQwHiAE4BuABOARIAUQG4AE4A/wBOAb//3gDN/9oCVQBOAaYATgKKAE4B4gBOAooATgH0AEACigBOAeIATgKLAE4B9QBAAiUAPwHmAE4CJQA/AeYATgM2AE4DFwBOAjQATgFrAE4CNABOAVsAPQI0AE4BkwBOAjEAJQG8ADECMQAlAdkATgGvACQCMQAlAdkATgGSAAABCwAsAZIAAAFu/+sBkgAAAWcATgI2AEoB5gBOAjYASgHmAE4CNgBKAeYATgI2AEoB5gBOAjYASgHmAE4CNgBKAeIAJAIsADwCJgAfAeAATgImAB8B4ABOAiYAHwHgAE4CMQAlAa8AJAGTAC4BiwAuAVMALgA/AAQByv/+AX8ATAG7AE4Bxf/+AUYATgJqAE4CZgBOAsgATgGCAE4CigBOAs8ATgLRAE4A+wAPAhsADAIiAE4BvwBOAhEADAG/AE4CWABOAkAAUAIVAE4BKwBQAf4ATgIVAAwCtwBQ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ACAATgBhAG0AZQAgACIAQQBkAHYAZQBuAHQAIABQAHIAbwAiAEEAZAB2AGUAbgB0ACAAUAByAG8ATABpAGcAaAB0AEEAbgBkAHIAZQBhAHMASwBhAGwAcABhAGsAaQBkAGkAcwA6ACAAQQBkAHYAZQBuAHQAIABQAHIAbwAgAEwAaQBnAGgAdAA6ACAAMgAwADAAOABBAGQAdgBlAG4AdAAgAFAAcgBvACAATABpAGcAaAB0AFYAZQByAHMAaQBvAG4AIAAyAC4AMAAwADMAQQBkAHYAZQBuAHQAUAByAG8ALQBMAGkAZwBoAHQAQQBkAHYAZQBuAHQAIABQAHIAbwAgAFQAaABpAG4AIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABJAE4ARABFACAAQQBuAGQAcgBlAGEAcwAgAEsAYQBsAHAAYQBrAGkAZABpAHMALgBBAG4AZAByAGUAYQBzACAASwBhAGwAcABhAGsAaQBkAGkAcwB3AHcAdwAuAGkAbgBkAGUAcgBlAHMAdABpAG4AZwAuAGMAbwBtAFQAaABpAHMAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAaQBzACAAbABpAGMAZQBuAHMAZQBkACAAdQBuAGQAZQByACAAdABoAGUAIABTAEkATAAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQAsACAAVgBlAHIAcwBpAG8AbgAgADEALgAxAC4AIABUAGgAaQBzACAAbABpAGMAZQBuAHMAZQAgAGkAcwAgAGEAdgBhAGkAbABhAGIAbABlACAAdwBpAHQAaAAgAGEAIABGAEEAUQAgAGEAdAA6ACAAaAB0AHQAcAA6AC8ALwBzAGMAcgBpAHAAdABzAC4AcwBpAGwALgBvAHIAZwAvAE8ARgBMAGgAdAB0AHAAOgAvAC8AcwBjAHIAaQBwAHQAcwAuAHMAaQBsAC4AbwByAGcALwBPAEYATAAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAABnAAAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEAowCEAIUAvQCWAIYAjgCLAJ0AqQECAIoA2gCDAJMAjQCXAIgA3gCqAKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAPAAkQDWANQA1QBoAOsA7QCJAGoAaQBrAG0AbABuAKAAbwBxAHAAcgBzAHUAdAB2AHcAeAB6AHkAewB9AHwAuAChAH8AfgCAAIEA7ADuALoBAwEEAQUBBgEHAQgA/QD+AQkBCgELAQwA/wEAAQ0BDgEPAQEBEAERARIBEwEUARUBFgEXARgBGQD4APkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgEnAPoA1wEoASkBKgErASwBLQEuAS8BMAExATIA4gDjATMBNAE1ATYBNwE4ATkBOgE7ATwBPQE+ALAAsQE/AUABQQFCAUMBRAFFAUYBRwFIAPwA5ADlAUkBSgFLAUwBTQFOAU8BUAFRAVIBUwFUAVUBVgFXAVgBWQFaALsBWwFcAV0BXgDmAOcBXwFgANgA4QDbANwA3QDgANkA3wFhAWIBYwFkAWUBZgFnAWgBaQFqAWsBbAFtAW4BbwFwAXEBcgFzAXQBdQF2AXcBeAF5AXoBewF8AX0BfgF/AYABgQGCAYMBhAGFAYYBhwGIAYkBigGLAYwBjQGOAY8BkAGRAZIBkwGUAZUBlgCbAZcBmAGZAZoBmwGcAZ0BngGfAaABoQGiAaMBpAC2ALcAxAC0ALUAxQCHAKsAxgC+AL8AvAGlAIwAnwCoAaYBpwGoAakBqgGrAawBrQGuAa8BsAGxAbIBswG0AbUBtgG3AbgBuQG6AbsBvAG9B3VuaTAwQUQHQW1hY3JvbgdhbWFjcm9uBkFicmV2ZQZhYnJldmUHQW9nb25lawdhb2dvbmVrC0NjaXJjdW1mbGV4C2NjaXJjdW1mbGV4CkNkb3RhY2NlbnQKY2RvdGFjY2VudAZEY2Fyb24GZGNhcm9uBkRjcm9hdAdFbWFjcm9uB2VtYWNyb24KRWRvdGFjY2VudAplZG90YWNjZW50B0VvZ29uZWsHZW9nb25lawZFY2Fyb24GZWNhcm9uC0djaXJjdW1mbGV4C2djaXJjdW1mbGV4Ckdkb3RhY2NlbnQKZ2RvdGFjY2VudAxHY29tbWFhY2NlbnQMZ2NvbW1hYWNjZW50C0hjaXJjdW1mbGV4C2hjaXJjdW1mbGV4BEhiYXIEaGJhcgZJdGlsZGUGaXRpbGRlB0ltYWNyb24HaW1hY3JvbgdJb2dvbmVrB2lvZ29uZWsLSmNpcmN1bWZsZXgLamNpcmN1bWZsZXgMS2NvbW1hYWNjZW50DGtjb21tYWFjY2VudAxrZ3JlZW5sYW5kaWMGTGFjdXRlBmxhY3V0ZQxMY29tbWFhY2NlbnQMbGNvbW1hYWNjZW50BkxjYXJvbgZsY2Fyb24GTmFjdXRlBm5hY3V0ZQxOY29tbWFhY2NlbnQMbmNvbW1hYWNjZW50Bk5jYXJvbgZuY2Fyb24DRW5nA2VuZwdPbWFjcm9uB29tYWNyb24NT2h1bmdhcnVtbGF1dA1vaHVuZ2FydW1sYXV0BlJhY3V0ZQZyYWN1dGUMUmNvbW1hYWNjZW50DHJjb21tYWFjY2VudAZSY2Fyb24GcmNhcm9uBlNhY3V0ZQZzYWN1dGULU2NpcmN1bWZsZXgLc2NpcmN1bWZsZXgMVGNvbW1hYWNjZW50DHRjb21tYWFjY2VudAZUY2Fyb24GdGNhcm9uBFRiYXIEdGJhcgZVdGlsZGUGdXRpbGRlB1VtYWNyb24HdW1hY3JvbgZVYnJldmUGdWJyZXZlBVVyaW5nBXVyaW5nDVVodW5nYXJ1bWxhdXQNdWh1bmdhcnVtbGF1dAdVb2dvbmVrB3VvZ29uZWsGWmFjdXRlBnphY3V0ZQpaZG90YWNjZW50Cnpkb3RhY2NlbnQMU2NvbW1hYWNjZW50DHNjb21tYWFjY2VudA1kaWVyZXNpc3Rvbm9zCkFscGhhdG9ub3MMRXBzaWxvbnRvbm9zCEV0YXRvbm9zCUlvdGF0b25vcwxPbWljcm9udG9ub3MMVXBzaWxvbnRvbm9zCk9tZWdhdG9ub3MRaW90YWRpZXJlc2lzdG9ub3MFQWxwaGEEQmV0YQVHYW1tYQd1bmkwMzk0B0Vwc2lsb24EWmV0YQNFdGEFVGhldGEESW90YQVLYXBwYQZMYW1iZGECTXUCTnUCWGkHT21pY3JvbgJQaQNSaG8FU2ln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';
-    exports.purchaseData = [{
-        'OrderID': 10248,
-        'CustomerID': 'VINET',
-        'OrderDate': '1996-07-04T10:10:00.000Z',
-        'ShippedDate': '1996-07-16T12:20:00.000Z',
-        'Freight': 32.38,
-        'ShipName': 'Vins et alcools Chevalier',
-        'ShipAddress': '59 rue de l\'Abbaye',
-        'ShipCity': 'Reims',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10249,
-        'CustomerID': 'TOMSP',
-        'OrderDate': '1996-07-05T12:20:00.000Z',
-        'ShippedDate': '1996-07-10T13:20:00.000Z',
-        'Freight': 11.61,
-        'ShipName': 'Toms Spezialitäten',
-        'ShipAddress': 'Luisenstr. 48',
-        'ShipCity': 'Münster',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10250,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1996-07-08T08:40:00.000Z',
-        'ShippedDate': '1996-07-12T07:50:00.000Z',
-        'Freight': 65.83,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10251,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1996-07-08T07:50:00.000Z',
-        'ShippedDate': '1996-07-15T15:50:00.000Z',
-        'Freight': 41.34,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10252,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1996-07-09T12:05:00.000Z',
-        'ShippedDate': '1996-07-11T17:30:00.000Z',
-        'Freight': 51.3,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10253,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1996-07-10T11:20:00.000Z',
-        'ShippedDate': '1996-07-16T10:10:00.000Z',
-        'Freight': 58.17,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10254,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1996-07-11T10:00.00.000Z',
-        'ShippedDate': '1996-07-23T20:40:00.000Z',
-        'Freight': 22.98,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10255,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1996-07-12T10:40:00.000Z',
-        'ShippedDate': '1996-07-15T05:40:00.000Z',
-        'Freight': 148.33,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10256,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1996-07-15T20:50:00.000Z',
-        'ShippedDate': '1996-07-17T21:50:00.000Z',
-        'Freight': 13.97,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10257,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1996-07-16T03:20:00.000Z',
-        'ShippedDate': '1996-07-22T14:40:00.000Z',
-        'Freight': 81.91,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10258,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1996-07-17T18:30:00.000Z',
-        'ShippedDate': '1996-07-23T14:50:00.000Z',
-        'Freight': 140.51,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10259,
-        'CustomerID': 'CENTC',
-        'OrderDate': '1996-07-18T01:20:00.000Z',
-        'ShippedDate': '1996-07-25T16:20:00.000Z',
-        'Freight': 3.25,
-        'ShipName': 'Centro comercial Moctezuma',
-        'ShipAddress': 'Sierras de Granada 9993',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10260,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1996-07-19T11:20:00.000Z',
-        'ShippedDate': '1996-07-29T03:10:00.000Z',
-        'Freight': 55.09,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10261,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1996-07-19T18:30:00.000Z',
-        'ShippedDate': '1996-07-30T23:10:00.000Z',
-        'Freight': 3.05,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10262,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1996-07-22T21:40:00.000Z',
-        'ShippedDate': '1996-07-25T19:10:00.000Z',
-        'Freight': 48.29,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10263,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1996-07-23T00:10:00.000Z',
-        'ShippedDate': '1996-07-31T22:50:00.000Z',
-        'Freight': 146.06,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10264,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1996-07-24T20:10:00.000Z',
-        'ShippedDate': '1996-08-23T11:40:00.000Z',
-        'Freight': 3.67,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10265,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1996-07-25T23:50:00.000Z',
-        'ShippedDate': '1996-08-12T02:10:00.000Z',
-        'Freight': 55.28,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10266,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1996-07-26T03:10:00.000Z',
-        'ShippedDate': '1996-07-31T01:50:00.000Z',
-        'Freight': 25.73,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10267,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1996-07-29T04:10:00.000Z',
-        'ShippedDate': '1996-08-06T17:20:00.000Z',
-        'Freight': 208.58,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10268,
-        'CustomerID': 'GROSR',
-        'OrderDate': '1996-07-30T01:20:00.000Z',
-        'ShippedDate': '1996-08-02T03:40:00.000Z',
-        'Freight': 66.29,
-        'ShipName': 'GROSELLA-Restaurante',
-        'ShipAddress': '5ª Ave. Los Palos Grandes',
-        'ShipCity': 'Caracas',
-        'ShipRegion': 'DF',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10269,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1996-07-31T05:10:00.000Z',
-        'ShippedDate': '1996-08-09T07:10:00.000Z',
-        'Freight': 4.56,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10270,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1996-08-01T09:10:00.000Z',
-        'ShippedDate': '1996-08-02T11:10:00.000Z',
-        'Freight': 136.54,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10271,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1996-08-01T13:10:00.000Z',
-        'ShippedDate': '1996-08-30T15:10:00.000Z',
-        'Freight': 4.54,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10272,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1996-08-02T17:10:00.000Z',
-        'ShippedDate': '1996-08-06T19:10:00.000Z',
-        'Freight': 98.03,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10273,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1996-08-05T21:10:00.000Z',
-        'ShippedDate': '1996-08-12T23:10:00.000Z',
-        'Freight': 76.07,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10274,
-        'CustomerID': 'VINET',
-        'OrderDate': '1996-08-06T02:10:00.000Z',
-        'ShippedDate': '1996-08-16T04:10:00.000Z',
-        'Freight': 6.01,
-        'ShipName': 'Vins et alcools Chevalier',
-        'ShipAddress': '59 rue de l\'Abbaye',
-        'ShipCity': 'Reims',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10275,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1996-08-07T06:10:00.000Z',
-        'ShippedDate': '1996-08-09T08:10:00.000Z',
-        'Freight': 26.93,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10276,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1996-08-08T10:10:00.000Z',
-        'ShippedDate': '1996-08-14T12:10:00.000Z',
-        'Freight': 13.84,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10277,
-        'CustomerID': 'MORGK',
-        'OrderDate': '1996-08-09T14:10:00.000Z',
-        'ShippedDate': '1996-08-13T16:10:00.000Z',
-        'Freight': 125.77,
-        'ShipName': 'Morgenstern Gesundkost',
-        'ShipAddress': 'Heerstr. 22',
-        'ShipCity': 'Leipzig',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10278,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1996-08-12T18:10:00.000Z',
-        'ShippedDate': '1996-08-16T20:10:00.000Z',
-        'Freight': 92.69,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10279,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1996-08-13T22:10:00.000Z',
-        'ShippedDate': '1996-08-16T02:10:00.000Z',
-        'Freight': 25.83,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10280,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1996-08-14T01:40:00.000Z',
-        'ShippedDate': '1996-09-12T02:40:00.000Z',
-        'Freight': 8.98,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10281,
-        'CustomerID': 'ROMEY',
-        'OrderDate': '1996-08-14T03:40:00.000Z',
-        'ShippedDate': '1996-08-21T04:40:00.000Z',
-        'Freight': 2.94,
-        'ShipName': 'Romero y tomillo',
-        'ShipAddress': 'Gran Vía, 1',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10282,
-        'CustomerID': 'ROMEY',
-        'OrderDate': '1996-08-15T05:40:00.000Z',
-        'ShippedDate': '1996-08-21T06:40:00.000Z',
-        'Freight': 12.69,
-        'ShipName': 'Romero y tomillo',
-        'ShipAddress': 'Gran Vía, 1',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10283,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1996-08-16T07:40:00.000Z',
-        'ShippedDate': '1996-08-23T08:40:00.000Z',
-        'Freight': 84.81,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10284,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1996-08-19T09:40:00.000Z',
-        'ShippedDate': '1996-08-27T10:40:00.000Z',
-        'Freight': 76.56,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10285,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1996-08-20T11:40:00.000Z',
-        'ShippedDate': '1996-08-26T12:40:00.000Z',
-        'Freight': 76.83,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10286,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1996-08-21T01:50:00.000Z',
-        'ShippedDate': '1996-08-30T02:50:00.000Z',
-        'Freight': 229.24,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10287,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1996-08-22T03:50:00.000Z',
-        'ShippedDate': '1996-08-28T04:50:00.000Z',
-        'Freight': 12.76,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10288,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1996-08-23T05:50:00.000Z',
-        'ShippedDate': '1996-09-03T06:50:00.000Z',
-        'Freight': 7.45,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10289,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1996-08-26T07:50:00.000Z',
-        'ShippedDate': '1996-08-28T08:50:00.000Z',
-        'Freight': 22.77,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10290,
-        'CustomerID': 'COMMI',
-        'OrderDate': '1996-08-27T09:50:00.000Z',
-        'ShippedDate': '1996-09-03T10:50:00.000Z',
-        'Freight': 79.7,
-        'ShipName': 'Comércio Mineiro',
-        'ShipAddress': 'Av. dos Lusíadas, 23',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10291,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1996-08-27T11:50:00.000Z',
-        'ShippedDate': '1996-09-04T12:50:00.000Z',
-        'Freight': 6.4,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10292,
-        'CustomerID': 'TRADH',
-        'OrderDate': '1996-08-28T01:10:00.000Z',
-        'ShippedDate': '1996-09-02T02:10:00.000Z',
-        'Freight': 1.35,
-        'ShipName': 'Tradiçao Hipermercados',
-        'ShipAddress': 'Av. Inês de Castro, 414',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10293,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1996-08-29T03:10:00.000Z',
-        'ShippedDate': '1996-09-11T04:10:00.000Z',
-        'Freight': 21.18,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10294,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1996-08-30T05:10:00.000Z',
-        'ShippedDate': '1996-09-05T06:10:00.000Z',
-        'Freight': 147.26,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10295,
-        'CustomerID': 'VINET',
-        'OrderDate': '1996-09-02T07:10:00.000Z',
-        'ShippedDate': '1996-09-10T08:10:00.000Z',
-        'Freight': 1.15,
-        'ShipName': 'Vins et alcools Chevalier',
-        'ShipAddress': '59 rue de l\'Abbaye',
-        'ShipCity': 'Reims',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10296,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1996-09-03T09:10:00.000Z',
-        'ShippedDate': '1996-09-11T10:10:00.000Z',
-        'Freight': 0.12,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10297,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1996-09-04T11:10:00.000Z',
-        'ShippedDate': '1996-09-10T12:10:00.000Z',
-        'Freight': 5.74,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10298,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1996-09-05T01:10:00.000Z',
-        'ShippedDate': '1996-09-11T02:20:00.000Z',
-        'Freight': 168.22,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10299,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1996-09-06T03:20:00.000Z',
-        'ShippedDate': '1996-09-13T04:20:00.000Z',
-        'Freight': 29.76,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10300,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1996-09-09T05:20:00.000Z',
-        'ShippedDate': '1996-09-18T06:20:00.000Z',
-        'Freight': 17.68,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10301,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1996-09-09T07:20:00.000Z',
-        'ShippedDate': '1996-09-17T08:20:00.000Z',
-        'Freight': 45.08,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10302,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1996-09-10T09:20:00.000Z',
-        'ShippedDate': '1996-10-09T10:20:00.000Z',
-        'Freight': 6.27,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10303,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1996-09-11T11:20:00.000Z',
-        'ShippedDate': '1996-09-18T12:20:00.000Z',
-        'Freight': 107.83,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10304,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1996-09-12T00:10:00.000Z',
-        'ShippedDate': '1996-09-17T01:20:00.000Z',
-        'Freight': 63.79,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10305,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1996-09-13T01:20:00.000Z',
-        'ShippedDate': '1996-10-09T02:20:00.000Z',
-        'Freight': 257.62,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10306,
-        'CustomerID': 'ROMEY',
-        'OrderDate': '1996-09-16T03:20:00.000Z',
-        'ShippedDate': '1996-09-23T04:20:00.000Z',
-        'Freight': 7.56,
-        'ShipName': 'Romero y tomillo',
-        'ShipAddress': 'Gran Vía, 1',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10307,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1996-09-17T05:20:00.000Z',
-        'ShippedDate': '1996-09-25T06:20:00.000Z',
-        'Freight': 0.56,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10308,
-        'CustomerID': 'ANATR',
-        'OrderDate': '1996-09-18T07:20:00.000Z',
-        'ShippedDate': '1996-09-24T08:20:00.000Z',
-        'Freight': 1.61,
-        'ShipName': 'Ana Trujillo Emparedados y helados',
-        'ShipAddress': 'Avda. de la Constitución 2222',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10309,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1996-09-19T09:20:00.000Z',
-        'ShippedDate': '1996-10-23T10:20:00.000Z',
-        'Freight': 47.3,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10310,
-        'CustomerID': 'THEBI',
-        'OrderDate': '1996-09-20T11:20:00.000Z',
-        'ShippedDate': '1996-09-27T12:20:00.000Z',
-        'Freight': 17.52,
-        'ShipName': 'The Big Cheese',
-        'ShipAddress': '89 Jefferson Way Suite 2',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10311,
-        'CustomerID': 'DUMON',
-        'OrderDate': '1996-09-20T13:20:00.000Z',
-        'ShippedDate': '1996-09-26T14:20:00.000Z',
-        'Freight': 24.69,
-        'ShipName': 'Du monde entier',
-        'ShipAddress': '67, rue des Cinquante Otages',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10312,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1996-09-23T15:20:00.000Z',
-        'ShippedDate': '1996-10-03T16:20:00.000Z',
-        'Freight': 40.26,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10313,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1996-09-24T17:20:00.000Z',
-        'ShippedDate': '1996-10-04T18:20:00.000Z',
-        'Freight': 1.96,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10314,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1996-09-25T19:20:00.000Z',
-        'ShippedDate': '1996-10-04T20:20:00.000Z',
-        'Freight': 74.16,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10315,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1996-09-26T21:20:00.000Z',
-        'ShippedDate': '1996-10-03T22:20:00.000Z',
-        'Freight': 41.76,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10316,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1996-09-27T23:20:00.000Z',
-        'ShippedDate': '1996-10-08T00:30:00.000Z',
-        'Freight': 150.15,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10317,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1996-09-30T01:30:00.000Z',
-        'ShippedDate': '1996-10-10T02:30:00.000Z',
-        'Freight': 12.69,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10318,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1996-10-01T03:30:00.000Z',
-        'ShippedDate': '1996-10-04T03:30:00.000Z',
-        'Freight': 4.73,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10319,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1996-10-02T04:30:00.000Z',
-        'ShippedDate': '1996-10-11T05:30:00.000Z',
-        'Freight': 64.5,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10320,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1996-10-03T06:30:00.000Z',
-        'ShippedDate': '1996-10-18T07:30:00.000Z',
-        'Freight': 34.57,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10321,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1996-10-03T08:30:00.000Z',
-        'ShippedDate': '1996-10-11T09:30:00.000Z',
-        'Freight': 3.43,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10322,
-        'CustomerID': 'PERIC',
-        'OrderDate': '1996-10-04T10:30:00.000Z',
-        'ShippedDate': '1996-10-23T11:30:00.000Z',
-        'Freight': 0.4,
-        'ShipName': 'Pericles Comidas clásicas',
-        'ShipAddress': 'Calle Dr. Jorge Cash 321',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10323,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1996-10-07T12:30:00.000Z',
-        'ShippedDate': '1996-10-14T13:30:00.000Z',
-        'Freight': 4.88,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10324,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1996-10-08T14:30:00.000Z',
-        'ShippedDate': '1996-10-10T15:30:00.000Z',
-        'Freight': 214.27,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10325,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1996-10-09T16:30:00.000Z',
-        'ShippedDate': '1996-10-14T17:30:00.000Z',
-        'Freight': 64.86,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10326,
-        'CustomerID': 'BOLID',
-        'OrderDate': '1996-10-10T18:30:00.000Z',
-        'ShippedDate': '1996-10-14T19:30:00.000Z',
-        'Freight': 77.92,
-        'ShipName': 'Bólido Comidas preparadas',
-        'ShipAddress': 'C/ Araquil, 67',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10327,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1996-10-11T20:30:00.000Z',
-        'ShippedDate': '1996-10-14T21:30:00.000Z',
-        'Freight': 63.36,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10328,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1996-10-14T22:30:00.000Z',
-        'ShippedDate': '1996-10-17T23:30:00.000Z',
-        'Freight': 87.03,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10329,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1996-10-15T00:40:00.000Z',
-        'ShippedDate': '1996-10-23T01:40:00.000Z',
-        'Freight': 191.67,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10330,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1996-10-16T02:40:00.000Z',
-        'ShippedDate': '1996-10-28T03:40:00.000Z',
-        'Freight': 12.75,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10331,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1996-10-16T02:40:00.000Z',
-        'ShippedDate': '1996-10-21T03:40:00.000Z',
-        'Freight': 10.19,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10332,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1996-10-17T04:40:00.000Z',
-        'ShippedDate': '1996-10-21T05:40:00.000Z',
-        'Freight': 52.84,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10333,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1996-10-18T06:40:00.000Z',
-        'ShippedDate': '1996-10-25T07:40:00.000Z',
-        'Freight': 0.59,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10334,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1996-10-21T08:40:00.000Z',
-        'ShippedDate': '1996-10-28T09:40:00.000Z',
-        'Freight': 8.56,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10335,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1996-10-22T10:40:00.000Z',
-        'ShippedDate': '1996-10-24T11:40:00.000Z',
-        'Freight': 42.11,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10336,
-        'CustomerID': 'PRINI',
-        'OrderDate': '1996-10-23T12:40:00.000Z',
-        'ShippedDate': '1996-10-25T13:40:00.000Z',
-        'Freight': 15.51,
-        'ShipName': 'Princesa Isabel Vinhos',
-        'ShipAddress': 'Estrada da saúde n. 58',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10337,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1996-10-24T14:40:00.000Z',
-        'ShippedDate': '1996-10-29T14:40:00.000Z',
-        'Freight': 108.26,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10338,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1996-10-25T15:40:00.000Z',
-        'ShippedDate': '1996-10-29T16:40:00.000Z',
-        'Freight': 84.21,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10339,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1996-10-28T17:40:00.000Z',
-        'ShippedDate': '1996-11-04T18:40:00.000Z',
-        'Freight': 15.66,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10340,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1996-10-29T19:40:00.000Z',
-        'ShippedDate': '1996-11-08T20:40:00.000Z',
-        'Freight': 166.31,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10341,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1996-10-29T21:40:00.000Z',
-        'ShippedDate': '1996-11-05T22:40:00.000Z',
-        'Freight': 26.78,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10342,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1996-10-30T23:40:00.000Z',
-        'ShippedDate': '1996-11-04T00:50:00.000Z',
-        'Freight': 54.83,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10343,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1996-10-31T01:50:00.000Z',
-        'ShippedDate': '1996-11-06T02:50:00.000Z',
-        'Freight': 110.37,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10344,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1996-11-01T03:50:00.000Z',
-        'ShippedDate': '1996-11-05T04:50:00.000Z',
-        'Freight': 23.29,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10345,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1996-11-04T05:50:00.000Z',
-        'ShippedDate': '1996-11-11T05:50:00.000Z',
-        'Freight': 249.06,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10346,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1996-11-05T06:50:00.000Z',
-        'ShippedDate': '1996-11-08T07:50:00.000Z',
-        'Freight': 142.08,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10347,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1996-11-06T08:50:00.000Z',
-        'ShippedDate': '1996-11-08T09:50:00.000Z',
-        'Freight': 3.1,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10348,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1996-11-07T10:50:00.000Z',
-        'ShippedDate': '1996-11-15T11:50:00.000Z',
-        'Freight': 0.78,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10349,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1996-11-08T12:50:00.000Z',
-        'ShippedDate': '1996-11-15T13:50:00.000Z',
-        'Freight': 8.63,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10350,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1996-11-11T14:50:00.000Z',
-        'ShippedDate': '1996-12-03T15:50:00.000Z',
-        'Freight': 64.19,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10351,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1996-11-11T16:50:00.000Z',
-        'ShippedDate': '1996-11-20T17:50:00.000Z',
-        'Freight': 162.33,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10352,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1996-11-12T18:50:00.000Z',
-        'ShippedDate': '1996-11-18T19:50:00.000Z',
-        'Freight': 1.3,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10353,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1996-11-13T20:50:00.000Z',
-        'ShippedDate': '1996-11-25T21:50:00.000Z',
-        'Freight': 360.63,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10354,
-        'CustomerID': 'PERIC',
-        'OrderDate': '1996-11-14T21:50:00.000Z',
-        'ShippedDate': '1996-11-20T22:50:00.000Z',
-        'Freight': 53.8,
-        'ShipName': 'Pericles Comidas clásicas',
-        'ShipAddress': 'Calle Dr. Jorge Cash 321',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10355,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1996-11-15T23:50:00.000Z',
-        'ShippedDate': '1996-11-20T00:50:00.000Z',
-        'Freight': 41.95,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10356,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1996-11-18T01:05:00.000Z',
-        'ShippedDate': '1996-11-27T02:05:00.000Z',
-        'Freight': 36.71,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10357,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1996-11-19T03:05:00.000Z',
-        'ShippedDate': '1996-12-02T04:05:00.000Z',
-        'Freight': 34.88,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10358,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1996-11-20T05:05:00.000Z',
-        'ShippedDate': '1996-11-27T06:05:00.000Z',
-        'Freight': 19.64,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10359,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1996-11-21T07:05:00.000Z',
-        'ShippedDate': '1996-11-26T08:05:00.000Z',
-        'Freight': 288.43,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10360,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1996-11-22T09:05:00.000Z',
-        'ShippedDate': '1996-12-02T10:05:00.000Z',
-        'Freight': 131.7,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10361,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1996-11-22T11:05:00.000Z',
-        'ShippedDate': '1996-12-03T12:05:00.000Z',
-        'Freight': 183.17,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10362,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1996-11-25T13:05:00.000Z',
-        'ShippedDate': '1996-11-28T14:05:00.000Z',
-        'Freight': 96.04,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10363,
-        'CustomerID': 'DRACD',
-        'OrderDate': '1996-11-26T15:05:00.000Z',
-        'ShippedDate': '1996-12-04T16:05:00.000Z',
-        'Freight': 30.54,
-        'ShipName': 'Drachenblut Delikatessen',
-        'ShipAddress': 'Walserweg 21',
-        'ShipCity': 'Aachen',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10364,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1996-11-26T17:05:00.000Z',
-        'ShippedDate': '1996-12-04T18:05:00.000Z',
-        'Freight': 71.97,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10365,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1996-11-27T19:05:00.000Z',
-        'ShippedDate': '1996-12-02T20:05:00.000Z',
-        'Freight': 22,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10366,
-        'CustomerID': 'GALED',
-        'OrderDate': '1996-11-28T21:05:00.000Z',
-        'ShippedDate': '1996-12-30T22:05:00.000Z',
-        'Freight': 10.14,
-        'ShipName': 'Galería del gastronómo',
-        'ShipAddress': 'Rambla de Cataluña, 23',
-        'ShipCity': 'Barcelona',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10367,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1996-11-28T23:05:00.000Z',
-        'ShippedDate': '1996-12-02T00:05:00.000Z',
-        'Freight': 13.55,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10368,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1996-11-29T02:00.00.000Z',
-        'ShippedDate': '1996-12-02T04:00.00.000Z',
-        'Freight': 101.95,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10369,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1996-12-02T04:00.00.000Z',
-        'ShippedDate': '1996-12-09T07:25:00.000Z',
-        'Freight': 195.68,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10370,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1996-12-03T06:00.00.000Z',
-        'ShippedDate': '1996-12-27T07:00.00.000Z',
-        'Freight': 1.17,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10371,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1996-12-03T08:00.00.000Z',
-        'ShippedDate': '1996-12-24T09:00.00.000Z',
-        'Freight': 0.45,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10372,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1996-12-04T10:00.00.000Z',
-        'ShippedDate': '1996-12-09T11:00.00.000Z',
-        'Freight': 890.78,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10373,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1996-12-05T12:00.00.000Z',
-        'ShippedDate': '1996-12-11T13:00.00.000Z',
-        'Freight': 124.12,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10374,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1996-12-05T14:00.00.000Z',
-        'ShippedDate': '1996-12-09T15:00.00.000Z',
-        'Freight': 3.94,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 10375,
-        'CustomerID': 'HUNGC',
-        'OrderDate': '1996-12-06T16:00.00.000Z',
-        'ShippedDate': '1996-12-09T17:00.00.000Z',
-        'Freight': 20.12,
-        'ShipName': 'Hungry Coyote Import Store',
-        'ShipAddress': 'City Center Plaza 516 Main St.',
-        'ShipCity': 'Elgin',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10376,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1996-12-09T18:00.00.000Z',
-        'ShippedDate': '1996-12-13T19:00.00.000Z',
-        'Freight': 20.39,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10377,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1996-12-09T20:00.00.000Z',
-        'ShippedDate': '1996-12-13T21:00.00.000Z',
-        'Freight': 22.21,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10378,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1996-12-10T22:00.00.000Z',
-        'ShippedDate': '1996-12-19T23:00.00.000Z',
-        'Freight': 5.44,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10379,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1996-12-11T01:25:00.000Z',
-        'ShippedDate': '1996-12-13T02:25:00.000Z',
-        'Freight': 45.03,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10380,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1996-12-12T03:25:00.000Z',
-        'ShippedDate': '1997-01-16T04:25:00.000Z',
-        'Freight': 35.03,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10381,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1996-12-12T05:25:00.000Z',
-        'ShippedDate': '1996-12-13T06:25:00.000Z',
-        'Freight': 7.99,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10382,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1996-12-13T07:25:00.000Z',
-        'ShippedDate': '1996-12-16T07:25:00.000Z',
-        'Freight': 94.77,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10383,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1996-12-16T07:25:00.000Z',
-        'ShippedDate': '1996-12-18T02:25:00.000Z',
-        'Freight': 34.24,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10384,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1996-12-16T03:25:00.000Z',
-        'ShippedDate': '1996-12-20T04:25:00.000Z',
-        'Freight': 168.64,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10385,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1996-12-17T04:25:00.000Z',
-        'ShippedDate': '1996-12-23T04:25:00.000Z',
-        'Freight': 30.96,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10386,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1996-12-18T05:25:00.000Z',
-        'ShippedDate': '1996-12-25T06:25:00.000Z',
-        'Freight': 13.99,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10387,
-        'CustomerID': 'SANTG',
-        'OrderDate': '1996-12-18T07:25:00.000Z',
-        'ShippedDate': '1996-12-20T08:25:00.000Z',
-        'Freight': 93.63,
-        'ShipName': 'Santé Gourmet',
-        'ShipAddress': 'Erling Skakkes gate 78',
-        'ShipCity': 'Stavern',
-        'ShipRegion': null,
-        'ShipCountry': 'Norway'
-    },
-    {
-        'OrderID': 10388,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1996-12-19T09:25:00.000Z',
-        'ShippedDate': '1996-12-20T10:25:00.000Z',
-        'Freight': 34.86,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10389,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1996-12-20T11:25:00.000Z',
-        'ShippedDate': '1996-12-24T12:25:00.000Z',
-        'Freight': 47.42,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10390,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1996-12-23T13:25:00.000Z',
-        'ShippedDate': '1996-12-26T14:25:00.000Z',
-        'Freight': 126.38,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10391,
-        'CustomerID': 'DRACD',
-        'OrderDate': '1996-12-23T15:25:00.000Z',
-        'ShippedDate': '1996-12-31T16:25:00.000Z',
-        'Freight': 5.45,
-        'ShipName': 'Drachenblut Delikatessen',
-        'ShipAddress': 'Walserweg 21',
-        'ShipCity': 'Aachen',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10392,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1996-12-24T17:25:00.000Z',
-        'ShippedDate': '1997-01-01T18:25:00.000Z',
-        'Freight': 122.46,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10393,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1996-12-25T19:25:00.000Z',
-        'ShippedDate': '1997-01-03T20:25:00.000Z',
-        'Freight': 126.56,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10394,
-        'CustomerID': 'HUNGC',
-        'OrderDate': '1996-12-25T21:25:00.000Z',
-        'ShippedDate': '1997-01-03T22:25:00.000Z',
-        'Freight': 30.34,
-        'ShipName': 'Hungry Coyote Import Store',
-        'ShipAddress': 'City Center Plaza 516 Main St.',
-        'ShipCity': 'Elgin',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10395,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1996-12-26T23:25:00.000Z',
-        'ShippedDate': '1997-01-03T00:25:00.000Z',
-        'Freight': 184.41,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10396,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1996-12-27T01:45:00.000Z',
-        'ShippedDate': '1997-01-06T02:45:00.000Z',
-        'Freight': 135.35,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10397,
-        'CustomerID': 'PRINI',
-        'OrderDate': '1996-12-27T03:45:00.000Z',
-        'ShippedDate': '1997-01-02T04:45:00.000Z',
-        'Freight': 60.26,
-        'ShipName': 'Princesa Isabel Vinhos',
-        'ShipAddress': 'Estrada da saúde n. 58',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10398,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1996-12-30T05:45:00.000Z',
-        'ShippedDate': '1997-01-09T06:45:00.000Z',
-        'Freight': 89.16,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10399,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1996-12-31T07:45:00.000Z',
-        'ShippedDate': '1997-01-08T08:45:00.000Z',
-        'Freight': 27.36,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10400,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1997-01-01T09:45:00.000Z',
-        'ShippedDate': '1997-01-16T10:45:00.000Z',
-        'Freight': 83.93,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10401,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1997-01-01T11:45:00.000Z',
-        'ShippedDate': '1997-01-10T12:45:00.000Z',
-        'Freight': 12.51,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10402,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-01-02T13:45:00.000Z',
-        'ShippedDate': '1997-01-10T14:45:00.000Z',
-        'Freight': 67.88,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10403,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-01-03T15:45:00.000Z',
-        'ShippedDate': '1997-01-09T16:45:00.000Z',
-        'Freight': 73.79,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10404,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1997-01-03T17:45:00.000Z',
-        'ShippedDate': '1997-01-08T18:45:00.000Z',
-        'Freight': 155.97,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10405,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1997-01-06T19:45:00.000Z',
-        'ShippedDate': '1997-01-22T20:45:00.000Z',
-        'Freight': 34.82,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10406,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-01-07T21:45:00.000Z',
-        'ShippedDate': '1997-01-13T22:45:00.000Z',
-        'Freight': 108.04,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10407,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1997-01-07T23:45:00.000Z',
-        'ShippedDate': '1997-01-30T01:55:00.000Z',
-        'Freight': 91.48,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10408,
-        'CustomerID': 'FOLIG',
-        'OrderDate': '1997-01-08T01:55:00.000Z',
-        'ShippedDate': '1997-01-14T01:55:00.000Z',
-        'Freight': 11.26,
-        'ShipName': 'Folies gourmandes',
-        'ShipAddress': '184, chaussée de Tournai',
-        'ShipCity': 'Lille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10409,
-        'CustomerID': 'OCEAN',
-        'OrderDate': '1997-01-09T02:55:00.000Z',
-        'ShippedDate': '1997-01-14T03:55:00.000Z',
-        'Freight': 29.83,
-        'ShipName': 'Océano Atlántico Ltda.',
-        'ShipAddress': 'Ing. Gustavo Moncada 8585 Piso 20-A',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10410,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1997-01-10T04:55:00.000Z',
-        'ShippedDate': '1997-01-15T05:55:00.000Z',
-        'Freight': 2.4,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10411,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1997-01-10T06:55:00.000Z',
-        'ShippedDate': '1997-01-21T07:55:00.000Z',
-        'Freight': 23.65,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10412,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-01-13T08:55:00.000Z',
-        'ShippedDate': '1997-01-15T09:55:00.000Z',
-        'Freight': 3.77,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10413,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-01-14T10:55:00.000Z',
-        'ShippedDate': '1997-01-16T11:55:00.000Z',
-        'Freight': 95.66,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10414,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1997-01-14T12:55:00.000Z',
-        'ShippedDate': '1997-01-17T13:55:00.000Z',
-        'Freight': 21.48,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10415,
-        'CustomerID': 'HUNGC',
-        'OrderDate': '1997-01-15T14:55:00.000Z',
-        'ShippedDate': '1997-01-24T15:55:00.000Z',
-        'Freight': 0.2,
-        'ShipName': 'Hungry Coyote Import Store',
-        'ShipAddress': 'City Center Plaza 516 Main St.',
-        'ShipCity': 'Elgin',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10416,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-01-16T16:55:00.000Z',
-        'ShippedDate': '1997-01-27T17:55:00.000Z',
-        'Freight': 22.72,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10417,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1997-01-16T18:55:00.000Z',
-        'ShippedDate': '1997-01-28T19:55:00.000Z',
-        'Freight': 70.29,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10418,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-01-17T20:55:00.000Z',
-        'ShippedDate': '1997-01-24T21:55:00.000Z',
-        'Freight': 17.55,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10419,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1997-01-20T22:55:00.000Z',
-        'ShippedDate': '1997-01-30T23:55:00.000Z',
-        'Freight': 137.35,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10420,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1997-01-21T01:05:00.000Z',
-        'ShippedDate': '1997-01-27T012:05:00.000Z',
-        'Freight': 44.12,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10421,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1997-01-21T02:05:00.000Z',
-        'ShippedDate': '1997-01-27T03:05:00.000Z',
-        'Freight': 99.23,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10422,
-        'CustomerID': 'FRANS',
-        'OrderDate': '1997-01-22T04:05:00.000Z',
-        'ShippedDate': '1997-01-31T05:05:00.000Z',
-        'Freight': 3.02,
-        'ShipName': 'Franchi S.p.A.',
-        'ShipAddress': 'Via Monte Bianco 34',
-        'ShipCity': 'Torino',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10423,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-01-23T06:05:00.000Z',
-        'ShippedDate': '1997-02-24T07:05:00.000Z',
-        'Freight': 24.5,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10424,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-01-23T08:05:00.000Z',
-        'ShippedDate': '1997-01-27T09:05:00.000Z',
-        'Freight': 370.61,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10425,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-01-24T10:05:00.000Z',
-        'ShippedDate': '1997-02-14T11:05:00.000Z',
-        'Freight': 7.93,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10426,
-        'CustomerID': 'GALED',
-        'OrderDate': '1997-01-27T12:05:00.000Z',
-        'ShippedDate': '1997-02-06T13:05:00.000Z',
-        'Freight': 18.69,
-        'ShipName': 'Galería del gastronómo',
-        'ShipAddress': 'Rambla de Cataluña, 23',
-        'ShipCity': 'Barcelona',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10427,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1997-01-27T14:05:00.000Z',
-        'ShippedDate': '1997-03-03T15:05:00.000Z',
-        'Freight': 31.29,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10428,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1997-01-28T16:05:00.000Z',
-        'ShippedDate': '1997-02-04T17:05:00.000Z',
-        'Freight': 11.09,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10429,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-01-29T18:05:00.000Z',
-        'ShippedDate': '1997-02-07T19:05:00.000Z',
-        'Freight': 56.63,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10430,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-01-30T20:05:00.000Z',
-        'ShippedDate': '1997-02-03T21:05:00.000Z',
-        'Freight': 458.78,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10431,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1997-01-30T22:05:00.000Z',
-        'ShippedDate': '1997-02-07T23:05:00.000Z',
-        'Freight': 44.17,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10432,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1997-01-31T01:15:00.000Z',
-        'ShippedDate': '1997-02-07T02:15:00.000Z',
-        'Freight': 4.34,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10433,
-        'CustomerID': 'PRINI',
-        'OrderDate': '1997-02-03T03:15:00.000Z',
-        'ShippedDate': '1997-03-04T04:15:00.000Z',
-        'Freight': 73.83,
-        'ShipName': 'Princesa Isabel Vinhos',
-        'ShipAddress': 'Estrada da saúde n. 58',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10434,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-02-03T05:15:00.000Z',
-        'ShippedDate': '1997-02-13T06:15:00.000Z',
-        'Freight': 17.92,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10435,
-        'CustomerID': 'CONSH',
-        'OrderDate': '1997-02-04T07:15:00.000Z',
-        'ShippedDate': '1997-02-07T08:15:00.000Z',
-        'Freight': 9.21,
-        'ShipName': 'Consolidated Holdings',
-        'ShipAddress': 'Berkeley Gardens 12  Brewery',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10436,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-02-05T09:15:00.000Z',
-        'ShippedDate': '1997-02-11T10:15:00.000Z',
-        'Freight': 156.66,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10437,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-02-05T11:15:00.000Z',
-        'ShippedDate': '1997-02-12T12:15:00.000Z',
-        'Freight': 19.97,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10438,
-        'CustomerID': 'TOMSP',
-        'OrderDate': '1997-02-06T13:15:00.000Z',
-        'ShippedDate': '1997-02-14T14:15:00.000Z',
-        'Freight': 8.24,
-        'ShipName': 'Toms Spezialitäten',
-        'ShipAddress': 'Luisenstr. 48',
-        'ShipCity': 'Münster',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10439,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-02-07T15:15:00.000Z',
-        'ShippedDate': '1997-02-10T16:15:00.000Z',
-        'Freight': 4.07,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10440,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-02-10T17:15:00.000Z',
-        'ShippedDate': '1997-02-28T18:15:00.000Z',
-        'Freight': 86.53,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10441,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1997-02-10T19:15:00.000Z',
-        'ShippedDate': '1997-03-14T20:15:00.000Z',
-        'Freight': 73.02,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10442,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-02-11T21:15:00.000Z',
-        'ShippedDate': '1997-02-18T22:15:00.000Z',
-        'Freight': 47.94,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10443,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1997-02-12T23:15:00.000Z',
-        'ShippedDate': '1997-02-14T00:25:00.000Z',
-        'Freight': 13.95,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10444,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-02-12T00:25:00.000Z',
-        'ShippedDate': '1997-02-21T01:25:00.000Z',
-        'Freight': 3.5,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10445,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-02-13T02:25:00.000Z',
-        'ShippedDate': '1997-02-20T03:00.00.000Z',
-        'Freight': 9.3,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10446,
-        'CustomerID': 'TOMSP',
-        'OrderDate': '1997-02-14T04:00.00.000Z',
-        'ShippedDate': '1997-02-19T05:00.00.000Z',
-        'Freight': 14.68,
-        'ShipName': 'Toms Spezialitäten',
-        'ShipAddress': 'Luisenstr. 48',
-        'ShipCity': 'Münster',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10447,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1997-02-14T05:00.00.000Z',
-        'ShippedDate': '1997-03-07T06:25:00.000Z',
-        'Freight': 68.66,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10448,
-        'CustomerID': 'RANCH',
-        'OrderDate': '1997-02-17T07:25:00.000Z',
-        'ShippedDate': '1997-02-24T08:25:00.000Z',
-        'Freight': 38.82,
-        'ShipName': 'Rancho grande',
-        'ShipAddress': 'Av. del Libertador 900',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10449,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-02-18T09:25:00.000Z',
-        'ShippedDate': '1997-02-27T10:25:00.000Z',
-        'Freight': 53.3,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10450,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1997-02-19T11:25:00.000Z',
-        'ShippedDate': '1997-03-11T12:25:00.000Z',
-        'Freight': 7.23,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10451,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-02-19T13:25:00.000Z',
-        'ShippedDate': '1997-03-12T14:25:00.000Z',
-        'Freight': 189.09,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10452,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-02-20T15:25:00.000Z',
-        'ShippedDate': '1997-02-26T16:25:00.000Z',
-        'Freight': 140.26,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10453,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-02-21T17:25:00.000Z',
-        'ShippedDate': '1997-02-26T18:25:00.000Z',
-        'Freight': 25.36,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10454,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-02-21T19:25:00.000Z',
-        'ShippedDate': '1997-02-25T20:25:00.000Z',
-        'Freight': 2.74,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10455,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-02-24T21:25:00.000Z',
-        'ShippedDate': '1997-03-03T22:25:00.000Z',
-        'Freight': 180.45,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10456,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-02-25T23:25:00.000Z',
-        'ShippedDate': '1997-02-28T01:25:00.000Z',
-        'Freight': 8.12,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10457,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-02-25T01:35:00.000Z',
-        'ShippedDate': '1997-03-03T02:35:00.000Z',
-        'Freight': 11.57,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10458,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1997-02-26T03:35:00.000Z',
-        'ShippedDate': '1997-03-04T04:35:00.000Z',
-        'Freight': 147.06,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10459,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1997-02-27T04:35:00.000Z',
-        'ShippedDate': '1997-02-28T04:35:00.000Z',
-        'Freight': 25.09,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10460,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-02-28T05:35:00.000Z',
-        'ShippedDate': '1997-03-03T06:35:00.000Z',
-        'Freight': 16.27,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10461,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1997-02-28T07:35:00.000Z',
-        'ShippedDate': '1997-03-05T08:35:00.000Z',
-        'Freight': 148.61,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10462,
-        'CustomerID': 'CONSH',
-        'OrderDate': '1997-03-03T09:00.00.000Z',
-        'ShippedDate': '1997-03-18T10:00.00.000Z',
-        'Freight': 6.17,
-        'ShipName': 'Consolidated Holdings',
-        'ShipAddress': 'Berkeley Gardens 12  Brewery',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10463,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1997-03-04T11:00.00.000Z',
-        'ShippedDate': '1997-03-06T12:00.00.000Z',
-        'Freight': 14.78,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10464,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1997-03-04T13:00.00.000Z',
-        'ShippedDate': '1997-03-14T14:00.00.000Z',
-        'Freight': 89,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10465,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1997-03-05T15:00.00.000Z',
-        'ShippedDate': '1997-03-14T16:00.00.000Z',
-        'Freight': 145.04,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10466,
-        'CustomerID': 'COMMI',
-        'OrderDate': '1997-03-06T17:00.00.000Z',
-        'ShippedDate': '1997-03-13T18:00.00.000Z',
-        'Freight': 11.93,
-        'ShipName': 'Comércio Mineiro',
-        'ShipAddress': 'Av. dos Lusíadas, 23',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10467,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1997-03-06T19:00.00.000Z',
-        'ShippedDate': '1997-03-11T20:00.00.000Z',
-        'Freight': 4.93,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10468,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-03-07T21:00.00.000Z',
-        'ShippedDate': '1997-03-12T22:00.00.000Z',
-        'Freight': 44.12,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10469,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-03-10T23:00.00.000Z',
-        'ShippedDate': '1997-03-14T01:00.00.000Z',
-        'Freight': 60.18,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10470,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-03-11T02:00.00.000Z',
-        'ShippedDate': '1997-03-14T03:00.00.000Z',
-        'Freight': 64.56,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10471,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1997-03-11T04:00.00.000Z',
-        'ShippedDate': '1997-03-18T05:00.00.000Z',
-        'Freight': 45.59,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10472,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1997-03-12T06:00.00.000Z',
-        'ShippedDate': '1997-03-19T07:00.00.000Z',
-        'Freight': 4.2,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10473,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1997-03-13T08:00.00.000Z',
-        'ShippedDate': '1997-03-21T09:00.00.000Z',
-        'Freight': 16.37,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10474,
-        'CustomerID': 'PERIC',
-        'OrderDate': '1997-03-13T10:00.00.000Z',
-        'ShippedDate': '1997-03-21T11:00.00.000Z',
-        'Freight': 83.49,
-        'ShipName': 'Pericles Comidas clásicas',
-        'ShipAddress': 'Calle Dr. Jorge Cash 321',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10475,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1997-03-14T12:00.00.000Z',
-        'ShippedDate': '1997-04-04T13:00.00.000Z',
-        'Freight': 68.52,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10476,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-03-17T14:00.00.000Z',
-        'ShippedDate': '1997-03-24T15:00.00.000Z',
-        'Freight': 4.41,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10477,
-        'CustomerID': 'PRINI',
-        'OrderDate': '1997-03-17T16:00.00.000Z',
-        'ShippedDate': '1997-03-25T17:00.00.000Z',
-        'Freight': 13.02,
-        'ShipName': 'Princesa Isabel Vinhos',
-        'ShipAddress': 'Estrada da saúde n. 58',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10478,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1997-03-18T18:00.00.000Z',
-        'ShippedDate': '1997-03-26T19:00.00.000Z',
-        'Freight': 4.81,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10479,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1997-03-19T20:00.00.000Z',
-        'ShippedDate': '1997-03-21T21:00.00.000Z',
-        'Freight': 708.95,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10480,
-        'CustomerID': 'FOLIG',
-        'OrderDate': '1997-03-20T22:00.00.000Z',
-        'ShippedDate': '1997-03-24T23:00.00.000Z',
-        'Freight': 1.35,
-        'ShipName': 'Folies gourmandes',
-        'ShipAddress': '184, chaussée de Tournai',
-        'ShipCity': 'Lille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10481,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1997-03-20T01:00.00.000Z',
-        'ShippedDate': '1997-03-25T02:00.00.000Z',
-        'Freight': 64.33,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10482,
-        'CustomerID': 'LAZYK',
-        'OrderDate': '1997-03-21T03:00.00.000Z',
-        'ShippedDate': '1997-04-10T04:00.00.000Z',
-        'Freight': 7.48,
-        'ShipName': 'Lazy K Kountry Store',
-        'ShipAddress': '12 Orchestra Terrace',
-        'ShipCity': 'Walla Walla',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10483,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-03-24T05:00.00.000Z',
-        'ShippedDate': '1997-04-25T06:00.00.000Z',
-        'Freight': 15.28,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10484,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1997-03-24T07:00.00.000Z',
-        'ShippedDate': '1997-04-01T08:00.00.000Z',
-        'Freight': 6.88,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10485,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1997-03-25T09:00.00.000Z',
-        'ShippedDate': '1997-03-31T10:00.00.000Z',
-        'Freight': 64.45,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10486,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-03-26T11:00.00.000Z',
-        'ShippedDate': '1997-04-02T12:00.00.000Z',
-        'Freight': 30.53,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10487,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-03-26T13:00.00.000Z',
-        'ShippedDate': '1997-03-28T14:00.00.000Z',
-        'Freight': 71.07,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10488,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-03-27T15:00.00.000Z',
-        'ShippedDate': '1997-04-02T16:00.00.000Z',
-        'Freight': 4.93,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10489,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1997-03-28T17:00.00.000Z',
-        'ShippedDate': '1997-04-09T18:00.00.000Z',
-        'Freight': 5.29,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10490,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-03-31T19:00.00.000Z',
-        'ShippedDate': '1997-04-03T20:00.00.000Z',
-        'Freight': 210.19,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10491,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1997-03-31T21:00.00.000Z',
-        'ShippedDate': '1997-04-08T22:00.00.000Z',
-        'Freight': 16.96,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10492,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1997-04-01T23:00.00.000Z',
-        'ShippedDate': '1997-04-11T01:00.00.000Z',
-        'Freight': 62.89,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10493,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-04-02T02:00.00.000Z',
-        'ShippedDate': '1997-04-10T03:00.00.000Z',
-        'Freight': 10.64,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10494,
-        'CustomerID': 'COMMI',
-        'OrderDate': '1997-04-02T04:00.00.000Z',
-        'ShippedDate': '1997-04-09T05:00.00.000Z',
-        'Freight': 65.99,
-        'ShipName': 'Comércio Mineiro',
-        'ShipAddress': 'Av. dos Lusíadas, 23',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10495,
-        'CustomerID': 'LAUGB',
-        'OrderDate': '1997-04-03T06:00.00.000Z',
-        'ShippedDate': '1997-04-11T07:00.00.000Z',
-        'Freight': 4.65,
-        'ShipName': 'Laughing Bacchus Wine Cellars',
-        'ShipAddress': '2319 Elm St.',
-        'ShipCity': 'Vancouver',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10496,
-        'CustomerID': 'TRADH',
-        'OrderDate': '1997-04-04T08:00.00.000Z',
-        'ShippedDate': '1997-04-07T09:00.00.000Z',
-        'Freight': 46.77,
-        'ShipName': 'Tradiçao Hipermercados',
-        'ShipAddress': 'Av. Inês de Castro, 414',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10497,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-04-04T10:00.00.000Z',
-        'ShippedDate': '1997-04-07T11:00.00.000Z',
-        'Freight': 36.21,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10498,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-04-07T12:00.00.000Z',
-        'ShippedDate': '1997-04-11T13:00.00.000Z',
-        'Freight': 29.75,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10499,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1997-04-08T14:00.00.000Z',
-        'ShippedDate': '1997-04-16T15:00.00.000Z',
-        'Freight': 102.02,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10500,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-04-09T16:00.00.000Z',
-        'ShippedDate': '1997-04-17T17:00.00.000Z',
-        'Freight': 42.68,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10501,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1997-04-09T18:00.00.000Z',
-        'ShippedDate': '1997-04-16T19:00.00.000Z',
-        'Freight': 8.85,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10502,
-        'CustomerID': 'PERIC',
-        'OrderDate': '1997-04-10T20:00.00.000Z',
-        'ShippedDate': '1997-04-29T21:00.00.000Z',
-        'Freight': 69.32,
-        'ShipName': 'Pericles Comidas clásicas',
-        'ShipAddress': 'Calle Dr. Jorge Cash 321',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10503,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-04-11T22:00.00.000Z',
-        'ShippedDate': '1997-04-16T23:00.00.000Z',
-        'Freight': 16.74,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10504,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-04-11T01:00.00.000Z',
-        'ShippedDate': '1997-04-18T02:00.00.000Z',
-        'Freight': 59.13,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10505,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-04-14T03:00.00.000Z',
-        'ShippedDate': '1997-04-21T04:00.00.000Z',
-        'Freight': 7.13,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10506,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-04-15T05:05:00.000Z',
-        'ShippedDate': '1997-05-02T06:05:00.000Z',
-        'Freight': 21.19,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10507,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1997-04-15T07:05:00.000Z',
-        'ShippedDate': '1997-04-22T08:05:00.000Z',
-        'Freight': 47.45,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10508,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1997-04-16T09:05:00.000Z',
-        'ShippedDate': '1997-05-13T10:05:00.000Z',
-        'Freight': 4.99,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10509,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1997-04-17T11:05:00.000Z',
-        'ShippedDate': '1997-04-29T12:05:00.000Z',
-        'Freight': 0.15,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10510,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-04-18T13:05:00.000Z',
-        'ShippedDate': '1997-04-28T14:05:00.000Z',
-        'Freight': 367.63,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10511,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-04-18T15:05:00.000Z',
-        'ShippedDate': '1997-04-21T01:05:00.000Z',
-        'Freight': 350.64,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10512,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1997-04-21T02:05:00.000Z',
-        'ShippedDate': '1997-04-24T03:05:00.000Z',
-        'Freight': 3.53,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10513,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1997-04-22T04:05:00.000Z',
-        'ShippedDate': '1997-04-28T05:05:00.000Z',
-        'Freight': 105.65,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10514,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-04-22T05:05:00.000Z',
-        'ShippedDate': '1997-05-16T07:05:00.000Z',
-        'Freight': 789.95,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10515,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-04-23T08:05:00.000Z',
-        'ShippedDate': '1997-05-23T09:05:00.000Z',
-        'Freight': 204.47,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10516,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-04-24T10:05:00.000Z',
-        'ShippedDate': '1997-05-01T11:05:00.000Z',
-        'Freight': 62.78,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10517,
-        'CustomerID': 'NORTS',
-        'OrderDate': '1997-04-24T12:05:00.000Z',
-        'ShippedDate': '1997-04-29T13:05:00.000Z',
-        'Freight': 32.07,
-        'ShipName': 'North/South',
-        'ShipAddress': 'South House 300 Queensbridge',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10518,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1997-04-25T14:05:00.000Z',
-        'ShippedDate': '1997-05-05T15:05:00.000Z',
-        'Freight': 218.15,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10519,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1997-04-28T16:05:00.000Z',
-        'ShippedDate': '1997-05-01T17:05:00.000Z',
-        'Freight': 91.76,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10520,
-        'CustomerID': 'SANTG',
-        'OrderDate': '1997-04-29T18:05:00.000Z',
-        'ShippedDate': '1997-05-01T19:05:00.000Z',
-        'Freight': 13.37,
-        'ShipName': 'Santé Gourmet',
-        'ShipAddress': 'Erling Skakkes gate 78',
-        'ShipCity': 'Stavern',
-        'ShipRegion': null,
-        'ShipCountry': 'Norway'
-    },
-    {
-        'OrderID': 10521,
-        'CustomerID': 'CACTU',
-        'OrderDate': '1997-04-29T20:05:00.000Z',
-        'ShippedDate': '1997-05-02T21:05:00.000Z',
-        'Freight': 17.22,
-        'ShipName': 'Cactus Comidas para llevar',
-        'ShipAddress': 'Cerrito 333',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10522,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-04-30T22:05:00.000Z',
-        'ShippedDate': '1997-05-06T23:05:00.000Z',
-        'Freight': 45.33,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10523,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1997-05-01T01:10:00.000Z',
-        'ShippedDate': '1997-05-30T02:10:00.000Z',
-        'Freight': 77.63,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10524,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-05-01T03:10:00.000Z',
-        'ShippedDate': '1997-05-07T04:10:00.000Z',
-        'Freight': 244.79,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10525,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-05-02T05:10:00.000Z',
-        'ShippedDate': '1997-05-23T06:10:00.000Z',
-        'Freight': 11.06,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10526,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-05-05T07:10:00.000Z',
-        'ShippedDate': '1997-05-15T08:10:00.000Z',
-        'Freight': 58.59,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10527,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-05-05T09:10:00.000Z',
-        'ShippedDate': '1997-05-07T10:10:00.000Z',
-        'Freight': 41.9,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10528,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1997-05-06T11:10:00.000Z',
-        'ShippedDate': '1997-05-09T12:10:00.000Z',
-        'Freight': 3.35,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10529,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1997-05-07T13:10:00.000Z',
-        'ShippedDate': '1997-05-09T14:10:00.000Z',
-        'Freight': 66.69,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10530,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1997-05-08T15:10:00.000Z',
-        'ShippedDate': '1997-05-12T16:10:00.000Z',
-        'Freight': 339.22,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10531,
-        'CustomerID': 'OCEAN',
-        'OrderDate': '1997-05-08T17:10:00.000Z',
-        'ShippedDate': '1997-05-19T18:10:00.000Z',
-        'Freight': 8.12,
-        'ShipName': 'Océano Atlántico Ltda.',
-        'ShipAddress': 'Ing. Gustavo Moncada 8585 Piso 20-A',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10532,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1997-05-09T19:10:00.000Z',
-        'ShippedDate': '1997-05-12T20:10:00.000Z',
-        'Freight': 74.46,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10533,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-05-12T21:10:00.000Z',
-        'ShippedDate': '1997-05-22T22:10:00.000Z',
-        'Freight': 188.04,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10534,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-05-12T23:10:00.000Z',
-        'ShippedDate': '1997-05-14T01:15:00.000Z',
-        'Freight': 27.94,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10535,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1997-05-13T02:15:00.000Z',
-        'ShippedDate': '1997-05-21T03:15:00.000Z',
-        'Freight': 15.64,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10536,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-05-14T04:15:00.000Z',
-        'ShippedDate': '1997-06-06T05:15:00.000Z',
-        'Freight': 58.88,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10537,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1997-05-14T06:15:00.000Z',
-        'ShippedDate': '1997-05-19T07:15:00.000Z',
-        'Freight': 78.85,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10538,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1997-05-15T08:15:00.000Z',
-        'ShippedDate': '1997-05-16T09:15:00.000Z',
-        'Freight': 4.87,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10539,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1997-05-16T10:15:00.000Z',
-        'ShippedDate': '1997-05-23T11:15:00.000Z',
-        'Freight': 12.36,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10540,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-05-19T12:15:00.000Z',
-        'ShippedDate': '1997-06-13T13:15:00.000Z',
-        'Freight': 1007.64,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10541,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1997-05-19T14:15:00.000Z',
-        'ShippedDate': '1997-05-29T15:15:00.000Z',
-        'Freight': 68.65,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10542,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-05-20T16:15:00.000Z',
-        'ShippedDate': '1997-05-26T17:15:00.000Z',
-        'Freight': 10.95,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10543,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1997-05-21T18:15:00.000Z',
-        'ShippedDate': '1997-05-23T19:15:00.000Z',
-        'Freight': 48.17,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10544,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1997-05-21T20:15:00.000Z',
-        'ShippedDate': '1997-05-30T21:15:00.000Z',
-        'Freight': 24.91,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10545,
-        'CustomerID': 'LAZYK',
-        'OrderDate': '1997-05-22T23:15:00.000Z',
-        'ShippedDate': '1997-06-26T01:20:00.000Z',
-        'Freight': 11.92,
-        'ShipName': 'Lazy K Kountry Store',
-        'ShipAddress': '12 Orchestra Terrace',
-        'ShipCity': 'Walla Walla',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10546,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1997-05-23T02:20:00.000Z',
-        'ShippedDate': '1997-05-27T03:20:00.000Z',
-        'Freight': 194.72,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10547,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1997-05-23T04:20:00.000Z',
-        'ShippedDate': '1997-06-02T05:20:00.000Z',
-        'Freight': 178.43,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10548,
-        'CustomerID': 'TOMSP',
-        'OrderDate': '1997-05-26T06:20:00.000Z',
-        'ShippedDate': '1997-06-02T07:20:00.000Z',
-        'Freight': 1.43,
-        'ShipName': 'Toms Spezialitäten',
-        'ShipAddress': 'Luisenstr. 48',
-        'ShipCity': 'Münster',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10549,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-05-27T08:20:00.000Z',
-        'ShippedDate': '1997-05-30T09:20:00.000Z',
-        'Freight': 171.24,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10550,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1997-05-28T10:20:00.000Z',
-        'ShippedDate': '1997-06-06T11:20:00.000Z',
-        'Freight': 4.32,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10551,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1997-05-28T12:20:00.000Z',
-        'ShippedDate': '1997-06-06T13:20:00.000Z',
-        'Freight': 72.95,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10552,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-05-29T14:20:00.000Z',
-        'ShippedDate': '1997-06-05T15:20:00.000Z',
-        'Freight': 83.22,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10553,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-05-30T16:20:00.000Z',
-        'ShippedDate': '1997-06-03T17:20:00.000Z',
-        'Freight': 149.49,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10554,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1997-05-30T18:20:00.000Z',
-        'ShippedDate': '1997-06-05T19:20:00.000Z',
-        'Freight': 120.97,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10555,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-06-02T20:20:00.000Z',
-        'ShippedDate': '1997-06-04T21:20:00.000Z',
-        'Freight': 252.49,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10556,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1997-06-03T22:20:00.000Z',
-        'ShippedDate': '1997-06-13T23:20:00.000Z',
-        'Freight': 9.8,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10557,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-06-03T01:25:00.000Z',
-        'ShippedDate': '1997-06-06T02:25:00.000Z',
-        'Freight': 96.72,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10558,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-06-04T03:25:00.000Z',
-        'ShippedDate': '1997-06-10T04:25:00.000Z',
-        'Freight': 72.97,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10559,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-06-05T05:25:00.000Z',
-        'ShippedDate': '1997-06-13T06:25:00.000Z',
-        'Freight': 8.05,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10560,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-06-06T07:25:00.000Z',
-        'ShippedDate': '1997-06-09T08:25:00.000Z',
-        'Freight': 36.65,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10561,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-06-06T09:25:00.000Z',
-        'ShippedDate': '1997-06-09T10:25:00.000Z',
-        'Freight': 242.21,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10562,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1997-06-09T11:25:00.000Z',
-        'ShippedDate': '1997-06-12T12:25:00.000Z',
-        'Freight': 22.95,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10563,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1997-06-10T13:25:00.000Z',
-        'ShippedDate': '1997-06-24T14:25:00.000Z',
-        'Freight': 60.43,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10564,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1997-06-10T15:25:00.000Z',
-        'ShippedDate': '1997-06-16T16:25:00.000Z',
-        'Freight': 13.75,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10565,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-06-11T17:25:00.000Z',
-        'ShippedDate': '1997-06-18T18:25:00.000Z',
-        'Freight': 7.15,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10566,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-06-12T01:10:00.000Z',
-        'ShippedDate': '1997-06-18T02:10:00.000Z',
-        'Freight': 88.4,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10567,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-06-12T03:10:00.000Z',
-        'ShippedDate': '1997-06-17T03:10:00.000Z',
-        'Freight': 33.97,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10568,
-        'CustomerID': 'GALED',
-        'OrderDate': '1997-06-13T04:10:00.000Z',
-        'ShippedDate': '1997-07-09T05:10:00.000Z',
-        'Freight': 6.54,
-        'ShipName': 'Galería del gastronómo',
-        'ShipAddress': 'Rambla de Cataluña, 23',
-        'ShipCity': 'Barcelona',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10569,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1997-06-16T06:10:00.000Z',
-        'ShippedDate': '1997-07-11T07:10:00.000Z',
-        'Freight': 58.98,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10570,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-06-17T08:10:00.000Z',
-        'ShippedDate': '1997-06-19T09:10:00.000Z',
-        'Freight': 188.99,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10571,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-06-17T10:10:00.000Z',
-        'ShippedDate': '1997-07-04T11:10:00.000Z',
-        'Freight': 26.06,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10572,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-06-18T12:10:00.000Z',
-        'ShippedDate': '1997-06-25T13:10:00.000Z',
-        'Freight': 116.43,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10573,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1997-06-19T14:10:00.000Z',
-        'ShippedDate': '1997-06-20T15:10:00.000Z',
-        'Freight': 84.84,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10574,
-        'CustomerID': 'TRAIH',
-        'OrderDate': '1997-06-19T16:10:00.000Z',
-        'ShippedDate': '1997-06-30T17:10:00.000Z',
-        'Freight': 37.6,
-        'ShipName': 'Trail\'s Head Gourmet Provisioners',
-        'ShipAddress': '722 DaVinci Blvd.',
-        'ShipCity': 'Kirkland',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10575,
-        'CustomerID': 'MORGK',
-        'OrderDate': '1997-06-20T18:10:00.000Z',
-        'ShippedDate': '1997-06-30T19:10:00.000Z',
-        'Freight': 127.34,
-        'ShipName': 'Morgenstern Gesundkost',
-        'ShipAddress': 'Heerstr. 22',
-        'ShipCity': 'Leipzig',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10576,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1997-06-23T20:10:00.000Z',
-        'ShippedDate': '1997-06-30T21:10:00.000Z',
-        'Freight': 18.56,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10577,
-        'CustomerID': 'TRAIH',
-        'OrderDate': '1997-06-23T22:10:00.000Z',
-        'ShippedDate': '1997-06-30T23:10:00.000Z',
-        'Freight': 25.41,
-        'ShipName': 'Trail\'s Head Gourmet Provisioners',
-        'ShipAddress': '722 DaVinci Blvd.',
-        'ShipCity': 'Kirkland',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10578,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1997-06-24T23:10:00.000Z',
-        'ShippedDate': '1997-07-25T01:15:00.000Z',
-        'Freight': 29.6,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10579,
-        'CustomerID': 'LETSS',
-        'OrderDate': '1997-06-25T01:30:00.000Z',
-        'ShippedDate': '1997-07-04T02:30:00.000Z',
-        'Freight': 13.73,
-        'ShipName': 'Let\'s Stop N Shop',
-        'ShipAddress': '87 Polk St. Suite 5',
-        'ShipCity': 'San Francisco',
-        'ShipRegion': 'CA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10580,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1997-06-26T03:30:00.000Z',
-        'ShippedDate': '1997-07-01T04:30:00.000Z',
-        'Freight': 75.89,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10581,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1997-06-26T05:30:00.000Z',
-        'ShippedDate': '1997-07-02T06:30:00.000Z',
-        'Freight': 3.01,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10582,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1997-06-27T07:30:00.000Z',
-        'ShippedDate': '1997-07-14T08:30:00.000Z',
-        'Freight': 27.71,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10583,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-06-30T08:30:00.000Z',
-        'ShippedDate': '1997-07-04T09:30:00.000Z',
-        'Freight': 7.28,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10584,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-06-30T10:30:00.000Z',
-        'ShippedDate': '1997-07-04T11:30:00.000Z',
-        'Freight': 59.14,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10585,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1997-07-01T12:30:00.000Z',
-        'ShippedDate': '1997-07-10T13:30:00.000Z',
-        'Freight': 13.41,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10586,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1997-07-02T14:30:00.000Z',
-        'ShippedDate': '1997-07-09T15:30:00.000Z',
-        'Freight': 0.48,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10587,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1997-07-02T16:30:00.000Z',
-        'ShippedDate': '1997-07-09T17:30:00.000Z',
-        'Freight': 62.52,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10588,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-07-03T18:30:00.000Z',
-        'ShippedDate': '1997-07-10T19:30:00.000Z',
-        'Freight': 194.67,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10589,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1997-07-04T20:30:00.000Z',
-        'ShippedDate': '1997-07-14T21:30:00.000Z',
-        'Freight': 4.42,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10590,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-07-07T22:30:00.000Z',
-        'ShippedDate': '1997-07-14T23:30:00.000Z',
-        'Freight': 44.77,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10591,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1997-07-07T22:30:00.000Z',
-        'ShippedDate': '1997-07-16T01:40:00.000Z',
-        'Freight': 55.92,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10592,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-07-08T02:40:00.000Z',
-        'ShippedDate': '1997-07-16T03:40:00.000Z',
-        'Freight': 32.1,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10593,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-07-09T04:40:00.000Z',
-        'ShippedDate': '1997-08-13T05:40:00.000Z',
-        'Freight': 174.2,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10594,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1997-07-09T06:40:00.000Z',
-        'ShippedDate': '1997-07-16T07:40:00.000Z',
-        'Freight': 5.24,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10595,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-07-10T08:40:00.000Z',
-        'ShippedDate': '1997-07-14T09:40:00.000Z',
-        'Freight': 96.78,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10596,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-07-11T10:40:00.000Z',
-        'ShippedDate': '1997-08-12T11:40:00.000Z',
-        'Freight': 16.34,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10597,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1997-07-11T12:40:00.000Z',
-        'ShippedDate': '1997-07-18T13:40:00.000Z',
-        'Freight': 35.12,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10598,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1997-07-14T14:40:00.000Z',
-        'ShippedDate': '1997-07-18T15:40:00.000Z',
-        'Freight': 44.42,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10599,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1997-07-15T16:40:00.000Z',
-        'ShippedDate': '1997-07-21T17:40:00.000Z',
-        'Freight': 29.98,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10600,
-        'CustomerID': 'HUNGC',
-        'OrderDate': '1997-07-16T18:40:00.000Z',
-        'ShippedDate': '1997-07-21T19:40:00.000Z',
-        'Freight': 45.13,
-        'ShipName': 'Hungry Coyote Import Store',
-        'ShipAddress': 'City Center Plaza 516 Main St.',
-        'ShipCity': 'Elgin',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10601,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-07-16T20:40:00.000Z',
-        'ShippedDate': '1997-07-22T21:40:00.000Z',
-        'Freight': 58.3,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10602,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1997-07-17T22:40:00.000Z',
-        'ShippedDate': '1997-07-22T23:40:00.000Z',
-        'Freight': 2.92,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10603,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-07-18T01:25:00.000Z',
-        'ShippedDate': '1997-08-08T02:25:00.000Z',
-        'Freight': 48.77,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10604,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1997-07-18T03:25:00.000Z',
-        'ShippedDate': '1997-07-29T03:25:00.000Z',
-        'Freight': 7.46,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10605,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-07-21T04:25:00.000Z',
-        'ShippedDate': '1997-07-29T05:25:00.000Z',
-        'Freight': 379.13,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10606,
-        'CustomerID': 'TRADH',
-        'OrderDate': '1997-07-22T06:25:00.000Z',
-        'ShippedDate': '1997-07-31T07:25:00.000Z',
-        'Freight': 79.4,
-        'ShipName': 'Tradiçao Hipermercados',
-        'ShipAddress': 'Av. Inês de Castro, 414',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10607,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-07-22T08:25:00.000Z',
-        'ShippedDate': '1997-07-25T09:25:00.000Z',
-        'Freight': 200.24,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10608,
-        'CustomerID': 'TOMSP',
-        'OrderDate': '1997-07-23T10:25:00.000Z',
-        'ShippedDate': '1997-08-01T11:25:00.000Z',
-        'Freight': 27.79,
-        'ShipName': 'Toms Spezialitäten',
-        'ShipAddress': 'Luisenstr. 48',
-        'ShipCity': 'Münster',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10609,
-        'CustomerID': 'DUMON',
-        'OrderDate': '1997-07-24T12:25:00.000Z',
-        'ShippedDate': '1997-07-30T13:25:00.000Z',
-        'Freight': 1.85,
-        'ShipName': 'Du monde entier',
-        'ShipAddress': '67, rue des Cinquante Otages',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10610,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-07-25T14:25:00.000Z',
-        'ShippedDate': '1997-08-06T15:25:00.000Z',
-        'Freight': 26.78,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10611,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1997-07-25T16:25:00.000Z',
-        'ShippedDate': '1997-08-01T17:25:00.000Z',
-        'Freight': 80.65,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 10612,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-07-28T18:25:00.000Z',
-        'ShippedDate': '1997-08-01T19:25:00.000Z',
-        'Freight': 544.08,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10613,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-07-29T20:25:00.000Z',
-        'ShippedDate': '1997-08-01T21:25:00.000Z',
-        'Freight': 8.11,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10614,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1997-07-29T22:25:00.000Z',
-        'ShippedDate': '1997-08-01T23:25:00.000Z',
-        'Freight': 1.93,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10615,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1997-07-30T01:35:00.000Z',
-        'ShippedDate': '1997-08-06T02:35:00.000Z',
-        'Freight': 0.75,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10616,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1997-07-31T03:35:00.000Z',
-        'ShippedDate': '1997-08-05T04:35:00.000Z',
-        'Freight': 116.53,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10617,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1997-07-31T05:35:00.000Z',
-        'ShippedDate': '1997-08-04T06:35:00.000Z',
-        'Freight': 18.53,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10618,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-08-01T07:35:00.000Z',
-        'ShippedDate': '1997-08-08T08:35:00.000Z',
-        'Freight': 154.68,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10619,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-08-04T09:35:00.000Z',
-        'ShippedDate': '1997-08-07T10:35:00.000Z',
-        'Freight': 91.05,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10620,
-        'CustomerID': 'LAUGB',
-        'OrderDate': '1997-08-05T11:35:00.000Z',
-        'ShippedDate': '1997-08-14T12:35:00.000Z',
-        'Freight': 0.94,
-        'ShipName': 'Laughing Bacchus Wine Cellars',
-        'ShipAddress': '2319 Elm St.',
-        'ShipCity': 'Vancouver',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10621,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1997-08-05T13:35:00.000Z',
-        'ShippedDate': '1997-08-11T14:35:00.000Z',
-        'Freight': 23.73,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10622,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1997-08-06T15:35:00.000Z',
-        'ShippedDate': '1997-08-11T16:35:00.000Z',
-        'Freight': 50.97,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10623,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-08-07T17:35:00.000Z',
-        'ShippedDate': '1997-08-12T18:35:00.000Z',
-        'Freight': 97.18,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10624,
-        'CustomerID': 'THECR',
-        'OrderDate': '1997-08-07T19:35:00.000Z',
-        'ShippedDate': '1997-08-19T20:35:00.000Z',
-        'Freight': 94.8,
-        'ShipName': 'The Cracker Box',
-        'ShipAddress': '55 Grizzly Peak Rd.',
-        'ShipCity': 'Butte',
-        'ShipRegion': 'MT',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10625,
-        'CustomerID': 'ANATR',
-        'OrderDate': '1997-08-08T21:35:00.000Z',
-        'ShippedDate': '1997-08-14T22:35:00.000Z',
-        'Freight': 43.9,
-        'ShipName': 'Ana Trujillo Emparedados y helados',
-        'ShipAddress': 'Avda. de la Constitución 2222',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10626,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-08-11T23:35:00.000Z',
-        'ShippedDate': '1997-08-20T01:50:00.000Z',
-        'Freight': 138.69,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10627,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-08-11T02:50:00.000Z',
-        'ShippedDate': '1997-08-21T03:50:00.000Z',
-        'Freight': 107.46,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10628,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-08-12T04:50:00.000Z',
-        'ShippedDate': '1997-08-20T05:50:00.000Z',
-        'Freight': 30.36,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10629,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1997-08-12T06:50:00.000Z',
-        'ShippedDate': '1997-08-20T07:50:00.000Z',
-        'Freight': 85.46,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10630,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-08-13T08:50:00.000Z',
-        'ShippedDate': '1997-08-19T09:50:00.000Z',
-        'Freight': 32.35,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10631,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-08-14T10:50:00.000Z',
-        'ShippedDate': '1997-08-15T11:50:00.000Z',
-        'Freight': 0.87,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10632,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1997-08-14T12:50:00.000Z',
-        'ShippedDate': '1997-08-19T13:50:00.000Z',
-        'Freight': 41.38,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10633,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-08-15T14:50:00.000Z',
-        'ShippedDate': '1997-08-18T15:50:00.000Z',
-        'Freight': 477.9,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10634,
-        'CustomerID': 'FOLIG',
-        'OrderDate': '1997-08-15T16:50:00.000Z',
-        'ShippedDate': '1997-08-21T17:50:00.000Z',
-        'Freight': 487.38,
-        'ShipName': 'Folies gourmandes',
-        'ShipAddress': '184, chaussée de Tournai',
-        'ShipCity': 'Lille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10635,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1997-08-18T18:50:00.000Z',
-        'ShippedDate': '1997-08-21T19:50:00.000Z',
-        'Freight': 47.46,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10636,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-08-19T20:50:00.000Z',
-        'ShippedDate': '1997-08-26T21:50:00.000Z',
-        'Freight': 1.15,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10637,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-08-19T22:50:00.000Z',
-        'ShippedDate': '1997-08-26T23:50:00.000Z',
-        'Freight': 201.29,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10638,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1997-08-20T14:50:00.000Z',
-        'ShippedDate': '1997-09-01T15:50:00.000Z',
-        'Freight': 158.44,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10639,
-        'CustomerID': 'SANTG',
-        'OrderDate': '1997-08-20T16:50:00.000Z',
-        'ShippedDate': '1997-08-27T17:50:00.000Z',
-        'Freight': 38.64,
-        'ShipName': 'Santé Gourmet',
-        'ShipAddress': 'Erling Skakkes gate 78',
-        'ShipCity': 'Stavern',
-        'ShipRegion': null,
-        'ShipCountry': 'Norway'
-    },
-    {
-        'OrderID': 10640,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1997-08-21T18:50:00.000Z',
-        'ShippedDate': '1997-08-28T19:50:00.000Z',
-        'Freight': 23.55,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10641,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-08-22T01:55:00.000Z',
-        'ShippedDate': '1997-08-26T02:55:00.000Z',
-        'Freight': 179.61,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10642,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1997-08-22T03:55:00.000Z',
-        'ShippedDate': '1997-09-05T04:55:00.000Z',
-        'Freight': 41.89,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10643,
-        'CustomerID': 'ALFKI',
-        'OrderDate': '1997-08-25T05:55:00.000Z',
-        'ShippedDate': '1997-09-02T06:55:00.000Z',
-        'Freight': 29.46,
-        'ShipName': 'Alfreds Futterkiste',
-        'ShipAddress': 'Obere Str. 57',
-        'ShipCity': 'Berlin',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10644,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1997-08-25T07:55:00.000Z',
-        'ShippedDate': '1997-09-01T08:55:00.000Z',
-        'Freight': 0.14,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10645,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1997-08-26T09:55:00.000Z',
-        'ShippedDate': '1997-09-02T10:55:00.000Z',
-        'Freight': 12.41,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10646,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-08-27T11:55:00.000Z',
-        'ShippedDate': '1997-09-03T12:55:00.000Z',
-        'Freight': 142.33,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10647,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1997-08-27T13:55:00.000Z',
-        'ShippedDate': '1997-09-03T14:55:00.000Z',
-        'Freight': 45.54,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10648,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1997-08-28T15:55:00.000Z',
-        'ShippedDate': '1997-09-09T16:55:00.000Z',
-        'Freight': 14.25,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10649,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1997-08-28T17:55:00.000Z',
-        'ShippedDate': '1997-08-29T18:55:00.000Z',
-        'Freight': 6.2,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10650,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1997-08-29T19:55:00.000Z',
-        'ShippedDate': '1997-09-03T20:55:00.000Z',
-        'Freight': 176.81,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10651,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1997-09-01T21:55:00.000Z',
-        'ShippedDate': '1997-09-11T22:55:00.000Z',
-        'Freight': 20.6,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10652,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-09-01T23:55:00.000Z',
-        'ShippedDate': '1997-09-08T01:15:00.000Z',
-        'Freight': 7.14,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10653,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-09-02T02:15:00.000Z',
-        'ShippedDate': '1997-09-19T03:15:00.000Z',
-        'Freight': 93.25,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10654,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-09-02T04:15:00.000Z',
-        'ShippedDate': '1997-09-11T05:15:00.000Z',
-        'Freight': 55.26,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10655,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1997-09-03T06:15:00.000Z',
-        'ShippedDate': '1997-09-11T07:15:00.000Z',
-        'Freight': 4.41,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10656,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1997-09-04T08:15:00.000Z',
-        'ShippedDate': '1997-09-10T09:15:00.000Z',
-        'Freight': 57.15,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10657,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-09-04T10:15:00.000Z',
-        'ShippedDate': '1997-09-15T11:15:00.000Z',
-        'Freight': 352.69,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10658,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-09-05T12:15:00.000Z',
-        'ShippedDate': '1997-09-08T13:15:00.000Z',
-        'Freight': 364.15,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10659,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-09-05T14:15:00.000Z',
-        'ShippedDate': '1997-09-10T15:15:00.000Z',
-        'Freight': 105.81,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10660,
-        'CustomerID': 'HUNGC',
-        'OrderDate': '1997-09-08T16:15:00.000Z',
-        'ShippedDate': '1997-10-15T17:15:00.000Z',
-        'Freight': 111.29,
-        'ShipName': 'Hungry Coyote Import Store',
-        'ShipAddress': 'City Center Plaza 516 Main St.',
-        'ShipCity': 'Elgin',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10661,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-09-09T18:15:00.000Z',
-        'ShippedDate': '1997-09-15T19:15:00.000Z',
-        'Freight': 17.55,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10662,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1997-09-09T20:15:00.000Z',
-        'ShippedDate': '1997-09-18T21:15:00.000Z',
-        'Freight': 1.28,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10663,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-09-10T22:15:00.000Z',
-        'ShippedDate': '1997-10-03T23:15:00.000Z',
-        'Freight': 113.15,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10664,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1997-09-10T01:45:00.000Z',
-        'ShippedDate': '1997-09-19T02:45:00.000Z',
-        'Freight': 1.27,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10665,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1997-09-11T03:45:00.000Z',
-        'ShippedDate': '1997-09-17T04:45:00.000Z',
-        'Freight': 26.31,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10666,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1997-09-12T05:45:00.000Z',
-        'ShippedDate': '1997-09-22T06:45:00.000Z',
-        'Freight': 232.42,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10667,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-09-12T07:45:00.000Z',
-        'ShippedDate': '1997-09-19T08:45:00.000Z',
-        'Freight': 78.09,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10668,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1997-09-15T09:45:00.000Z',
-        'ShippedDate': '1997-09-23T10:45:00.000Z',
-        'Freight': 47.22,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10669,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1997-09-15T11:45:00.000Z',
-        'ShippedDate': '1997-09-22T12:45:00.000Z',
-        'Freight': 24.39,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10670,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-09-16T13:45:00.000Z',
-        'ShippedDate': '1997-09-18T14:45:00.000Z',
-        'Freight': 203.48,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10671,
-        'CustomerID': 'FRANR',
-        'OrderDate': '1997-09-17T15:45:00.000Z',
-        'ShippedDate': '1997-09-24T16:45:00.000Z',
-        'Freight': 30.34,
-        'ShipName': 'France restauration',
-        'ShipAddress': '54, rue Royale',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10672,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-09-17T17:45:00.000Z',
-        'ShippedDate': '1997-09-26T18:45:00.000Z',
-        'Freight': 95.75,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10673,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1997-09-18T19:45:00.000Z',
-        'ShippedDate': '1997-09-19T20:45:00.000Z',
-        'Freight': 22.76,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10674,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1997-09-18T21:45:00.000Z',
-        'ShippedDate': '1997-09-30T22:45:00.000Z',
-        'Freight': 0.9,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10675,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-09-19T23:45:00.000Z',
-        'ShippedDate': '1997-09-23T01:50:00.000Z',
-        'Freight': 31.85,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10676,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1997-09-22T02:50:00.000Z',
-        'ShippedDate': '1997-09-29T03:50:00.000Z',
-        'Freight': 2.01,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10677,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1997-09-22T04:50:00.000Z',
-        'ShippedDate': '1997-09-26T05:50:00.000Z',
-        'Freight': 4.03,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10678,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-09-23T06:50:00.000Z',
-        'ShippedDate': '1997-10-16T07:50:00.000Z',
-        'Freight': 388.98,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10679,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1997-09-23T08:50:00.000Z',
-        'ShippedDate': '1997-09-30T09:50:00.000Z',
-        'Freight': 27.94,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10680,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1997-09-24T10:50:00.000Z',
-        'ShippedDate': '1997-09-26T11:50:00.000Z',
-        'Freight': 26.61,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10681,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1997-09-25T12:50:00.000Z',
-        'ShippedDate': '1997-09-30T13:50:00.000Z',
-        'Freight': 76.13,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10682,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1997-09-25T14:50:00.000Z',
-        'ShippedDate': '1997-10-01T15:50:00.000Z',
-        'Freight': 36.13,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10683,
-        'CustomerID': 'DUMON',
-        'OrderDate': '1997-09-26T16:50:00.000Z',
-        'ShippedDate': '1997-10-01T17:50:00.000Z',
-        'Freight': 4.4,
-        'ShipName': 'Du monde entier',
-        'ShipAddress': '67, rue des Cinquante Otages',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10684,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1997-09-26T18:50:00.000Z',
-        'ShippedDate': '1997-09-30T19:50:00.000Z',
-        'Freight': 145.63,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10685,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-09-29T20:50:00.000Z',
-        'ShippedDate': '1997-10-03T21:50:00.000Z',
-        'Freight': 33.75,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10686,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1997-09-30T22:50:00.000Z',
-        'ShippedDate': '1997-10-08T23:50:00.000Z',
-        'Freight': 96.5,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10687,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-09-30T01:15:00.000Z',
-        'ShippedDate': '1997-10-30T02:15:00.000Z',
-        'Freight': 296.43,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10688,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1997-10-01T03:15:00.000Z',
-        'ShippedDate': '1997-10-07T04:15:00.000Z',
-        'Freight': 299.09,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10689,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-10-01T05:15:00.000Z',
-        'ShippedDate': '1997-10-07T06:15:00.000Z',
-        'Freight': 13.42,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10690,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1997-10-02T07:15:00.000Z',
-        'ShippedDate': '1997-10-03T08:15:00.000Z',
-        'Freight': 15.8,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10691,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-10-03T09:15:00.000Z',
-        'ShippedDate': '1997-10-22T10:15:00.000Z',
-        'Freight': 810.05,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10692,
-        'CustomerID': 'ALFKI',
-        'OrderDate': '1997-10-03T11:15:00.000Z',
-        'ShippedDate': '1997-10-13T12:15:00.000Z',
-        'Freight': 61.02,
-        'ShipName': 'Alfred\'s Futterkiste',
-        'ShipAddress': 'Obere Str. 57',
-        'ShipCity': 'Berlin',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10693,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-10-06T13:15:00.000Z',
-        'ShippedDate': '1997-10-10T14:15:00.000Z',
-        'Freight': 139.34,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10694,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-10-06T15:15:00.000Z',
-        'ShippedDate': '1997-10-09T16:15:00.000Z',
-        'Freight': 398.36,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10695,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1997-10-07T17:15:00.000Z',
-        'ShippedDate': '1997-10-14T18:15:00.000Z',
-        'Freight': 16.72,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10696,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-10-08T19:15:00.000Z',
-        'ShippedDate': '1997-10-14T20:15:00.000Z',
-        'Freight': 102.55,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10697,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1997-10-08T21:15:00.000Z',
-        'ShippedDate': '1997-10-14T22:15:00.000Z',
-        'Freight': 45.52,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10698,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-10-09T23:15:00.000Z',
-        'ShippedDate': '1997-10-17T10:15:00.000Z',
-        'Freight': 272.47,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10699,
-        'CustomerID': 'MORGK',
-        'OrderDate': '1997-10-09T02:40:00.000Z',
-        'ShippedDate': '1997-10-13T03:40:00.000Z',
-        'Freight': 0.58,
-        'ShipName': 'Morgenstern Gesundkost',
-        'ShipAddress': 'Heerstr. 22',
-        'ShipCity': 'Leipzig',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10700,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-10-10T03:40:00.000Z',
-        'ShippedDate': '1997-10-16T04:40:00.000Z',
-        'Freight': 65.1,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10701,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-10-13T05:40:00.000Z',
-        'ShippedDate': '1997-10-15T06:40:00.000Z',
-        'Freight': 220.31,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10702,
-        'CustomerID': 'ALFKI',
-        'OrderDate': '1997-10-13T07:40:00.000Z',
-        'ShippedDate': '1997-10-21T08:40:00.000Z',
-        'Freight': 23.94,
-        'ShipName': 'Alfred\'s Futterkiste',
-        'ShipAddress': 'Obere Str. 57',
-        'ShipCity': 'Berlin',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10703,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-10-14T09:40:00.000Z',
-        'ShippedDate': '1997-10-20T10:40:00.000Z',
-        'Freight': 152.3,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10704,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-10-14T11:40:00.000Z',
-        'ShippedDate': '1997-11-07T12:40:00.000Z',
-        'Freight': 4.78,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10705,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-10-15T13:40:00.000Z',
-        'ShippedDate': '1997-11-18T14:40:00.000Z',
-        'Freight': 3.52,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10706,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1997-10-16T15:40:00.000Z',
-        'ShippedDate': '1997-10-21T16:40:00.000Z',
-        'Freight': 135.63,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10707,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-10-16T17:40:00.000Z',
-        'ShippedDate': '1997-10-23T18:40:00.000Z',
-        'Freight': 21.74,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10708,
-        'CustomerID': 'THEBI',
-        'OrderDate': '1997-10-17T19:40:00.000Z',
-        'ShippedDate': '1997-11-05T20:40:00.000Z',
-        'Freight': 2.96,
-        'ShipName': 'The Big Cheese',
-        'ShipAddress': '89 Jefferson Way Suite 2',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10709,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-10-17T21:40:00.000Z',
-        'ShippedDate': '1997-11-20T22:40:00.000Z',
-        'Freight': 210.8,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10710,
-        'CustomerID': 'FRANS',
-        'OrderDate': '1997-10-20T23:40:00.000Z',
-        'ShippedDate': '1997-10-23T15:40:00.000Z',
-        'Freight': 4.98,
-        'ShipName': 'Franchi S.p.A.',
-        'ShipAddress': 'Via Monte Bianco 34',
-        'ShipCity': 'Torino',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10711,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-10-21T01:30:00.000Z',
-        'ShippedDate': '1997-10-29T02:30:00.000Z',
-        'Freight': 52.41,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10712,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-10-21T03:30:00.000Z',
-        'ShippedDate': '1997-10-31T04:30:00.000Z',
-        'Freight': 89.93,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10713,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-10-22T05:30:00.000Z',
-        'ShippedDate': '1997-10-24T06:30:00.000Z',
-        'Freight': 167.05,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10714,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-10-22T07:30:00.000Z',
-        'ShippedDate': '1997-10-27T08:30:00.000Z',
-        'Freight': 24.49,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10715,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-10-23T09:30:00.000Z',
-        'ShippedDate': '1997-10-29T10:30:00.000Z',
-        'Freight': 63.2,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10716,
-        'CustomerID': 'RANCH',
-        'OrderDate': '1997-10-24T11:30:00.000Z',
-        'ShippedDate': '1997-10-27T12:30:00.000Z',
-        'Freight': 22.57,
-        'ShipName': 'Rancho grande',
-        'ShipAddress': 'Av. del Libertador 900',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10717,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-10-24T13:30:00.000Z',
-        'ShippedDate': '1997-10-29T14:30:00.000Z',
-        'Freight': 59.25,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10718,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-10-27T17:30:00.000Z',
-        'ShippedDate': '1997-10-29T18:30:00.000Z',
-        'Freight': 170.88,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10719,
-        'CustomerID': 'LETSS',
-        'OrderDate': '1997-10-27T19:30:00.000Z',
-        'ShippedDate': '1997-11-05T20:30:00.000Z',
-        'Freight': 51.44,
-        'ShipName': 'Let\'s Stop N Shop',
-        'ShipAddress': '87 Polk St. Suite 5',
-        'ShipCity': 'San Francisco',
-        'ShipRegion': 'CA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10720,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1997-10-28T21:30:00.000Z',
-        'ShippedDate': '1997-11-05T22:30:00.000Z',
-        'Freight': 9.53,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10721,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-10-29T23:30:00.000Z',
-        'ShippedDate': '1997-10-31T01:10:00.000Z',
-        'Freight': 48.92,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10722,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-10-29T02:10:00.000Z',
-        'ShippedDate': '1997-11-04T03:10:00.000Z',
-        'Freight': 74.58,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10723,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-10-30T04:10:00.000Z',
-        'ShippedDate': '1997-11-25T05:10:00.000Z',
-        'Freight': 21.72,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029-12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10724,
-        'CustomerID': 'MEREP',
-        'OrderDate': '1997-10-30T06:10:00.000Z',
-        'ShippedDate': '1997-11-05T07:10:00.000Z',
-        'Freight': 57.75,
-        'ShipName': 'Mère Paillarde',
-        'ShipAddress': '43 rue St. Laurent',
-        'ShipCity': 'Montréal',
-        'ShipRegion': 'Québec',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10725,
-        'CustomerID': 'FAMIA',
-        'OrderDate': '1997-10-31T08:10:00.000Z',
-        'ShippedDate': '1997-11-05T01:10:00.000Z',
-        'Freight': 10.83,
-        'ShipName': 'Familia Arquibaldo',
-        'ShipAddress': 'Rua Orós, 92',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10726,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1997-11-03T02:10:00.000Z',
-        'ShippedDate': '1997-12-05T03:10:00.000Z',
-        'Freight': 16.56,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10727,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1997-11-03T04:10:00.000Z',
-        'ShippedDate': '1997-12-05T05:10:00.000Z',
-        'Freight': 89.9,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10728,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-11-04T06:10:00.000Z',
-        'ShippedDate': '1997-11-11T07:10:00.000Z',
-        'Freight': 58.33,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10729,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1997-11-04T08:10:00.000Z',
-        'ShippedDate': '1997-11-14T09:10:00.000Z',
-        'Freight': 141.06,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10730,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-11-05T10:10:00.000Z',
-        'ShippedDate': '1997-11-14T11:10:00.000Z',
-        'Freight': 20.12,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10731,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1997-11-06T12:10:00.000Z',
-        'ShippedDate': '1997-11-14T13:10:00.000Z',
-        'Freight': 96.65,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10732,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-11-06T14:10:00.000Z',
-        'ShippedDate': '1997-11-07T15:10:00.000Z',
-        'Freight': 16.97,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10733,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-11-07T16:10:00.000Z',
-        'ShippedDate': '1997-11-10T17:10:00.000Z',
-        'Freight': 110.11,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10734,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-11-07T18:10:00.000Z',
-        'ShippedDate': '1997-11-12T19:10:00.000Z',
-        'Freight': 1.63,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10735,
-        'CustomerID': 'LETSS',
-        'OrderDate': '1997-11-10T20:10:00.000Z',
-        'ShippedDate': '1997-11-21T21:10:00.000Z',
-        'Freight': 45.97,
-        'ShipName': 'Let\'s Stop N Shop',
-        'ShipAddress': '87 Polk St. Suite 5',
-        'ShipCity': 'San Francisco',
-        'ShipRegion': 'CA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10736,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1997-11-11T22:10:00.000Z',
-        'ShippedDate': '1997-11-21T23:10:00.000Z',
-        'Freight': 44.1,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10737,
-        'CustomerID': 'VINET',
-        'OrderDate': '1997-11-11T01:10:00.000Z',
-        'ShippedDate': '1997-11-18T02:10:00.000Z',
-        'Freight': 7.79,
-        'ShipName': 'Vins et alcools Chevalier',
-        'ShipAddress': '59 rue de l\'Abbaye',
-        'ShipCity': 'Reims',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10738,
-        'CustomerID': 'SPECD',
-        'OrderDate': '1997-11-12T03:10:00.000Z',
-        'ShippedDate': '1997-11-18T04:10:00.000Z',
-        'Freight': 2.91,
-        'ShipName': 'Spécialités du monde',
-        'ShipAddress': '25, rue Lauriston',
-        'ShipCity': 'Paris',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10739,
-        'CustomerID': 'VINET',
-        'OrderDate': '1997-11-12T05:10:00.000Z',
-        'ShippedDate': '1997-11-17T06:10:00.000Z',
-        'Freight': 11.08,
-        'ShipName': 'Vins et alcools Chevalier',
-        'ShipAddress': '59 rue de l\'Abbaye',
-        'ShipCity': 'Reims',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10740,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1997-11-13T07:10:00.000Z',
-        'ShippedDate': '1997-11-25T08:10:00.000Z',
-        'Freight': 81.88,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10741,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-11-14T09:10:00.000Z',
-        'ShippedDate': '1997-11-18T10:10:00.000Z',
-        'Freight': 10.96,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10742,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1997-11-14T11:10:00.000Z',
-        'ShippedDate': '1997-11-18T12:10:00.000Z',
-        'Freight': 243.73,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10743,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-11-17T13:10:00.000Z',
-        'ShippedDate': '1997-11-21T14:10:00.000Z',
-        'Freight': 23.72,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10744,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1997-11-17T15:10:00.000Z',
-        'ShippedDate': '1997-11-24T16:10:00.000Z',
-        'Freight': 69.19,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10745,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-11-18T17:10:00.000Z',
-        'ShippedDate': '1997-11-27T18:10:00.000Z',
-        'Freight': 3.52,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10746,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1997-11-19T19:10:00.000Z',
-        'ShippedDate': '1997-11-21T20:10:00.000Z',
-        'Freight': 31.43,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10747,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1997-11-19T21:10:00.000Z',
-        'ShippedDate': '1997-11-26T22:10:00.000Z',
-        'Freight': 117.33,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10748,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-11-20T23:10:00.000Z',
-        'ShippedDate': '1997-11-28T13:10:00.000Z',
-        'Freight': 232.55,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10749,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1997-11-20T02:25:00.000Z',
-        'ShippedDate': '1997-12-19T03:25:00.000Z',
-        'Freight': 61.53,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10750,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-11-21T04:25:00.000Z',
-        'ShippedDate': '1997-11-24T05:25:00.000Z',
-        'Freight': 79.3,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10751,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1997-11-24T06:25:00.000Z',
-        'ShippedDate': '1997-12-03T07:25:00.000Z',
-        'Freight': 130.79,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10752,
-        'CustomerID': 'NORTS',
-        'OrderDate': '1997-11-24T08:25:00.000Z',
-        'ShippedDate': '1997-11-28T09:25:00.000Z',
-        'Freight': 1.39,
-        'ShipName': 'North/South',
-        'ShipAddress': 'South House 300 Queensbridge',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10753,
-        'CustomerID': 'FRANS',
-        'OrderDate': '1997-11-25T10:25:00.000Z',
-        'ShippedDate': '1997-11-27T11:25:00.000Z',
-        'Freight': 7.7,
-        'ShipName': 'Franchi S.p.A.',
-        'ShipAddress': 'Via Monte Bianco 34',
-        'ShipCity': 'Torino',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10754,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1997-11-25T12:25:00.000Z',
-        'ShippedDate': '1997-11-27T13:25:00.000Z',
-        'Freight': 2.38,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10755,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1997-11-26T14:25:00.000Z',
-        'ShippedDate': '1997-11-28T15:25:00.000Z',
-        'Freight': 16.71,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10756,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1997-11-27T16:25:00.000Z',
-        'ShippedDate': '1997-12-02T17:25:00.000Z',
-        'Freight': 73.21,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10757,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1997-11-27T18:25:00.000Z',
-        'ShippedDate': '1997-12-15T19:25:00.000Z',
-        'Freight': 8.19,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10758,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1997-11-28T20:25:00.000Z',
-        'ShippedDate': '1997-12-04T21:25:00.000Z',
-        'Freight': 138.17,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10759,
-        'CustomerID': 'ANATR',
-        'OrderDate': '1997-11-28T22:25:00.000Z',
-        'ShippedDate': '1997-12-12T23:25:00.000Z',
-        'Freight': 11.99,
-        'ShipName': 'Ana Trujillo Emparedados y helados',
-        'ShipAddress': 'Avda. de la Constitución 2222',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10760,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1997-12-01T01:40:00.000Z',
-        'ShippedDate': '1997-12-10T02:40:00.000Z',
-        'Freight': 155.64,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10761,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1997-12-02T03:40:00.000Z',
-        'ShippedDate': '1997-12-08T04:40:00.000Z',
-        'Freight': 18.66,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10762,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-12-02T05:40:00.000Z',
-        'ShippedDate': '1997-12-09T06:40:00.000Z',
-        'Freight': 328.74,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10763,
-        'CustomerID': 'FOLIG',
-        'OrderDate': '1997-12-03T07:40:00.000Z',
-        'ShippedDate': '1997-12-08T08:40:00.000Z',
-        'Freight': 37.35,
-        'ShipName': 'Folies gourmandes',
-        'ShipAddress': '184, chaussée de Tournai',
-        'ShipCity': 'Lille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10764,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-12-03T09:40:00.000Z',
-        'ShippedDate': '1997-12-08T10:40:00.000Z',
-        'Freight': 145.45,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10765,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-12-04T11:40:00.000Z',
-        'ShippedDate': '1997-12-09T12:40:00.000Z',
-        'Freight': 42.74,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10766,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1997-12-05T13:40:00.000Z',
-        'ShippedDate': '1997-12-09T14:40:00.000Z',
-        'Freight': 157.55,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10767,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1997-12-05T15:40:00.000Z',
-        'ShippedDate': '1997-12-15T16:40:00.000Z',
-        'Freight': 1.59,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10768,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-12-08T17:40:00.000Z',
-        'ShippedDate': '1997-12-15T18:40:00.000Z',
-        'Freight': 146.32,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10769,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1997-12-08T19:40:00.000Z',
-        'ShippedDate': '1997-12-12T20:40:00.000Z',
-        'Freight': 65.06,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10770,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1997-12-09T21:40:00.000Z',
-        'ShippedDate': '1997-12-17T22:40:00.000Z',
-        'Freight': 5.32,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10771,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-12-10T23:40:00.000Z',
-        'ShippedDate': '1998-01-02T01:50:00.000Z',
-        'Freight': 11.19,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10772,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1997-12-10T02:50:00.000Z',
-        'ShippedDate': '1997-12-19T03:50:00.000Z',
-        'Freight': 91.28,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10773,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-12-11T04:50:00.000Z',
-        'ShippedDate': '1997-12-16T04:50:00.000Z',
-        'Freight': 96.43,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10774,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1997-12-11T05:50:00.000Z',
-        'ShippedDate': '1997-12-12T06:50:00.000Z',
-        'Freight': 48.2,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10775,
-        'CustomerID': 'THECR',
-        'OrderDate': '1997-12-12T07:50:00.000Z',
-        'ShippedDate': '1997-12-26T08:50:00.000Z',
-        'Freight': 20.25,
-        'ShipName': 'The Cracker Box',
-        'ShipAddress': '55 Grizzly Peak Rd.',
-        'ShipCity': 'Butte',
-        'ShipRegion': 'MT',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10776,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-12-15T09:50:00.000Z',
-        'ShippedDate': '1997-12-18T10:50:00.000Z',
-        'Freight': 351.53,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10777,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-12-15T11:50:00.000Z',
-        'ShippedDate': '1998-01-21T12:50:00.000Z',
-        'Freight': 3.01,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10778,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1997-12-16T13:50:00.000Z',
-        'ShippedDate': '1997-12-24T14:50:00.000Z',
-        'Freight': 6.79,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10779,
-        'CustomerID': 'MORGK',
-        'OrderDate': '1997-12-16T15:50:00.000Z',
-        'ShippedDate': '1998-01-14T16:50:00.000Z',
-        'Freight': 58.13,
-        'ShipName': 'Morgenstern Gesundkost',
-        'ShipAddress': 'Heerstr. 22',
-        'ShipCity': 'Leipzig',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10780,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1997-12-16T17:50:00.000Z',
-        'ShippedDate': '1997-12-25T18:50:00.000Z',
-        'Freight': 42.13,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10781,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1997-12-17T19:50:00.000Z',
-        'ShippedDate': '1997-12-19T20:50:00.000Z',
-        'Freight': 73.16,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10782,
-        'CustomerID': 'CACTU',
-        'OrderDate': '1997-12-17T21:50:00.000Z',
-        'ShippedDate': '1997-12-22T22:50:00.000Z',
-        'Freight': 1.1,
-        'ShipName': 'Cactus Comidas para llevar',
-        'ShipAddress': 'Cerrito 333',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10783,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1997-12-18T23:50:00.000Z',
-        'ShippedDate': '1997-12-19T01:50:00.000Z',
-        'Freight': 124.98,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10784,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1997-12-18T02:50:00.000Z',
-        'ShippedDate': '1997-12-22T03:50:00.000Z',
-        'Freight': 70.09,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10785,
-        'CustomerID': 'GROSR',
-        'OrderDate': '1997-12-18T04:50:00.000Z',
-        'ShippedDate': '1997-12-24T05:50:00.000Z',
-        'Freight': 1.51,
-        'ShipName': 'GROSELLA-Restaurante',
-        'ShipAddress': '5ª Ave. Los Palos Grandes',
-        'ShipCity': 'Caracas',
-        'ShipRegion': 'DF',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10786,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1997-12-19T06:50:00.000Z',
-        'ShippedDate': '1997-12-23T07:50:00.000Z',
-        'Freight': 110.87,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10787,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1997-12-19T08:50:00.000Z',
-        'ShippedDate': '1997-12-26T09:50:00.000Z',
-        'Freight': 249.93,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10788,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1997-12-22T10:50:00.000Z',
-        'ShippedDate': '1998-01-19T11:50:00.000Z',
-        'Freight': 42.7,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10789,
-        'CustomerID': 'FOLIG',
-        'OrderDate': '1997-12-22T12:50:00.000Z',
-        'ShippedDate': '1997-12-31T13:50:00.000Z',
-        'Freight': 100.6,
-        'ShipName': 'Folies gourmandes',
-        'ShipAddress': '184, chaussée de Tournai',
-        'ShipCity': 'Lille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10790,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1997-12-22T14:50:00.000Z',
-        'ShippedDate': '1997-12-26T15:50:00.000Z',
-        'Freight': 28.23,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10791,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1997-12-23T16:50:00.000Z',
-        'ShippedDate': '1998-01-01T17:50:00.000Z',
-        'Freight': 16.85,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10792,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1997-12-23T18:50:00.000Z',
-        'ShippedDate': '1997-12-31T19:50:00.000Z',
-        'Freight': 23.79,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 10793,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1997-12-24T20:50:00.000Z',
-        'ShippedDate': '1998-01-08T21:50:00.000Z',
-        'Freight': 4.52,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10794,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1997-12-24T22:50:00.000Z',
-        'ShippedDate': '1998-01-02T23:50:00.000Z',
-        'Freight': 21.49,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10795,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1997-12-24T01:20:00.000Z',
-        'ShippedDate': '1998-01-20T02:20:00.000Z',
-        'Freight': 126.66,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10796,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1997-12-25T03:20:00.000Z',
-        'ShippedDate': '1998-01-14T04:20:00.000Z',
-        'Freight': 26.52,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10797,
-        'CustomerID': 'DRACD',
-        'OrderDate': '1997-12-25T05:20:00.000Z',
-        'ShippedDate': '1998-01-05T06:20:00.000Z',
-        'Freight': 33.35,
-        'ShipName': 'Drachenblut Delikatessen',
-        'ShipAddress': 'Walserweg 21',
-        'ShipCity': 'Aachen',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10798,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1997-12-26T07:20:00.000Z',
-        'ShippedDate': '1998-01-05T08:20:00.000Z',
-        'Freight': 2.33,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10799,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1997-12-26T09:20:00.000Z',
-        'ShippedDate': '1998-01-05T10:20:00.000Z',
-        'Freight': 30.76,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10800,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1997-12-26T11:20:00.000Z',
-        'ShippedDate': '1998-01-05T12:20:00.000Z',
-        'Freight': 137.44,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10801,
-        'CustomerID': 'BOLID',
-        'OrderDate': '1997-12-29T13:20:00.000Z',
-        'ShippedDate': '1997-12-31T14:20:00.000Z',
-        'Freight': 97.09,
-        'ShipName': 'Bólido Comidas preparadas',
-        'ShipAddress': 'C/ Araquil, 67',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10802,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1997-12-29T15:20:00.000Z',
-        'ShippedDate': '1998-01-02T16:20:00.000Z',
-        'Freight': 257.26,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10803,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1997-12-30T17:20:00.000Z',
-        'ShippedDate': '1998-01-06T18:20:00.000Z',
-        'Freight': 55.23,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10804,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1997-12-30T19:20:00.000Z',
-        'ShippedDate': '1998-01-07T20:20:00.000Z',
-        'Freight': 27.33,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10805,
-        'CustomerID': 'THEBI',
-        'OrderDate': '1997-12-30T21:20:00.000Z',
-        'ShippedDate': '1998-01-09T22:20:00.000Z',
-        'Freight': 237.34,
-        'ShipName': 'The Big Cheese',
-        'ShipAddress': '89 Jefferson Way Suite 2',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10806,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1997-12-31T23:20:00.000Z',
-        'ShippedDate': '1998-01-05T00:20:00.000Z',
-        'Freight': 22.11,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10807,
-        'CustomerID': 'FRANS',
-        'OrderDate': '1997-12-31T01:40:00.000Z',
-        'ShippedDate': '1998-01-30T02:40:00.000Z',
-        'Freight': 1.36,
-        'ShipName': 'Franchi S.p.A.',
-        'ShipAddress': 'Via Monte Bianco 34',
-        'ShipCity': 'Torino',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10808,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1998-01-01T03:40:00.000Z',
-        'ShippedDate': '1998-01-09T04:40:00.000Z',
-        'Freight': 45.53,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10809,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1998-01-01T05:40:00.000Z',
-        'ShippedDate': '1998-01-07T06:40:00.000Z',
-        'Freight': 4.87,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10810,
-        'CustomerID': 'LAUGB',
-        'OrderDate': '1998-01-01T07:40:00.000Z',
-        'ShippedDate': '1998-01-07T08:40:00.000Z',
-        'Freight': 4.33,
-        'ShipName': 'Laughing Bacchus Wine Cellars',
-        'ShipAddress': '2319 Elm St.',
-        'ShipCity': 'Vancouver',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10811,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-01-02T09:40:00.000Z',
-        'ShippedDate': '1998-01-08T10:40:00.000Z',
-        'Freight': 31.22,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10812,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1998-01-02T11:40:00.000Z',
-        'ShippedDate': '1998-01-12T12:40:00.000Z',
-        'Freight': 59.78,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10813,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1998-01-05T13:40:00.000Z',
-        'ShippedDate': '1998-01-09T14:40:00.000Z',
-        'Freight': 47.38,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10814,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1998-01-05T15:40:00.000Z',
-        'ShippedDate': '1998-01-14T16:40:00.000Z',
-        'Freight': 130.94,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10815,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-01-05T17:40:00.000Z',
-        'ShippedDate': '1998-01-14T18:40:00.000Z',
-        'Freight': 14.62,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10816,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1998-01-06T19:40:00.000Z',
-        'ShippedDate': '1998-02-04T20:40:00.000Z',
-        'Freight': 719.78,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10817,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1998-01-06T21:40:00.000Z',
-        'ShippedDate': '1998-01-13T22:40:00.000Z',
-        'Freight': 306.07,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10818,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1998-01-07T23:40:00.000Z',
-        'ShippedDate': '1998-01-12T01:55:00.000Z',
-        'Freight': 65.48,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10819,
-        'CustomerID': 'CACTU',
-        'OrderDate': '1998-01-07T02:55:00.000Z',
-        'ShippedDate': '1998-01-16T03:55:00.000Z',
-        'Freight': 19.76,
-        'ShipName': 'Cactus Comidas para llevar',
-        'ShipAddress': 'Cerrito 333',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10820,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1998-01-07T04:55:00.000Z',
-        'ShippedDate': '1998-01-13T05:55:00.000Z',
-        'Freight': 37.52,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10821,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1998-01-08T06:55:00.000Z',
-        'ShippedDate': '1998-01-15T07:55:00.000Z',
-        'Freight': 36.68,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10822,
-        'CustomerID': 'TRAIH',
-        'OrderDate': '1998-01-08T09:55:00.000Z',
-        'ShippedDate': '1998-01-16T10:55:00.000Z',
-        'Freight': 7,
-        'ShipName': 'Trail\'s Head Gourmet Provisioners',
-        'ShipAddress': '722 DaVinci Blvd.',
-        'ShipCity': 'Kirkland',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10823,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1998-01-09T11:55:00.000Z',
-        'ShippedDate': '1998-01-13T12:55:00.000Z',
-        'Freight': 163.97,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10824,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-01-09T13:55:00.000Z',
-        'ShippedDate': '1998-01-30T14:55:00.000Z',
-        'Freight': 1.23,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10825,
-        'CustomerID': 'DRACD',
-        'OrderDate': '1998-01-09T15:55:00.000Z',
-        'ShippedDate': '1998-01-14T16:55:00.000Z',
-        'Freight': 79.25,
-        'ShipName': 'Drachenblut Delikatessen',
-        'ShipAddress': 'Walserweg 21',
-        'ShipCity': 'Aachen',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10826,
-        'CustomerID': 'BLONP',
-        'OrderDate': '1998-01-12T17:55:00.000Z',
-        'ShippedDate': '1998-02-06T18:55:00.000Z',
-        'Freight': 7.09,
-        'ShipName': 'Blondel père et fils',
-        'ShipAddress': '24, place Kléber',
-        'ShipCity': 'Strasbourg',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10827,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1998-01-12T19:55:00.000Z',
-        'ShippedDate': '1998-02-06T20:55:00.000Z',
-        'Freight': 63.54,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10828,
-        'CustomerID': 'RANCH',
-        'OrderDate': '1998-01-13T21:55:00.000Z',
-        'ShippedDate': '1998-02-04T22:55:00.000Z',
-        'Freight': 90.85,
-        'ShipName': 'Rancho grande',
-        'ShipAddress': 'Av. del Libertador 900',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10829,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1998-01-13T23:55:00.000Z',
-        'ShippedDate': '1998-01-23T12:55:00.000Z',
-        'Freight': 154.72,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10830,
-        'CustomerID': 'TRADH',
-        'OrderDate': '1998-01-13T01:15:00.000Z',
-        'ShippedDate': '1998-01-21T02:15:00.000Z',
-        'Freight': 81.83,
-        'ShipName': 'Tradiçao Hipermercados',
-        'ShipAddress': 'Av. Inês de Castro, 414',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10831,
-        'CustomerID': 'SANTG',
-        'OrderDate': '1998-01-14T03:15:00.000Z',
-        'ShippedDate': '1998-01-23T04:15:00.000Z',
-        'Freight': 72.19,
-        'ShipName': 'Santé Gourmet',
-        'ShipAddress': 'Erling Skakkes gate 78',
-        'ShipCity': 'Stavern',
-        'ShipRegion': null,
-        'ShipCountry': 'Norway'
-    },
-    {
-        'OrderID': 10832,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1998-01-14T05:15:00.000Z',
-        'ShippedDate': '1998-01-19T06:15:00.000Z',
-        'Freight': 43.26,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10833,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1998-01-15T07:15:00.000Z',
-        'ShippedDate': '1998-01-23T08:15:00.000Z',
-        'Freight': 71.49,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10834,
-        'CustomerID': 'TRADH',
-        'OrderDate': '1998-01-15T09:15:00.000Z',
-        'ShippedDate': '1998-01-19T10:15:00.000Z',
-        'Freight': 29.78,
-        'ShipName': 'Tradiçao Hipermercados',
-        'ShipAddress': 'Av. Inês de Castro, 414',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10835,
-        'CustomerID': 'ALFKI',
-        'OrderDate': '1998-01-15T11:15:00.000Z',
-        'ShippedDate': '1998-01-21T12:15:00.000Z',
-        'Freight': 69.53,
-        'ShipName': 'Alfred\'s Futterkiste',
-        'ShipAddress': 'Obere Str. 57',
-        'ShipCity': 'Berlin',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10836,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-01-16T13:15:00.000Z',
-        'ShippedDate': '1998-01-21T14:15:00.000Z',
-        'Freight': 411.88,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10837,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1998-01-16T15:15:00.000Z',
-        'ShippedDate': '1998-01-23T16:15:00.000Z',
-        'Freight': 13.32,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10838,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-01-19T17:15:00.000Z',
-        'ShippedDate': '1998-01-23T18:15:00.000Z',
-        'Freight': 59.28,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10839,
-        'CustomerID': 'TRADH',
-        'OrderDate': '1998-01-19T19:15:00.000Z',
-        'ShippedDate': '1998-01-22T20:15:00.000Z',
-        'Freight': 35.43,
-        'ShipName': 'Tradiçao Hipermercados',
-        'ShipAddress': 'Av. Inês de Castro, 414',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10840,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-01-19T21:15:00.000Z',
-        'ShippedDate': '1998-02-16T22:15:00.000Z',
-        'Freight': 2.71,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10841,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1998-01-20T23:15:00.000Z',
-        'ShippedDate': '1998-01-29T01:55:00.000Z',
-        'Freight': 424.3,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10842,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1998-01-20T02:55:00.000Z',
-        'ShippedDate': '1998-01-29T03:55:00.000Z',
-        'Freight': 54.42,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10843,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1998-01-21T04:55:00.000Z',
-        'ShippedDate': '1998-01-26T05:55:00.000Z',
-        'Freight': 9.26,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10844,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1998-01-21T06:55:00.000Z',
-        'ShippedDate': '1998-01-26T07:55:00.000Z',
-        'Freight': 25.22,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10845,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-01-21T08:55:00.000Z',
-        'ShippedDate': '1998-01-30T09:55:00.000Z',
-        'Freight': 212.98,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10846,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1998-01-22T10:55:00.000Z',
-        'ShippedDate': '1998-01-23T11:55:00.000Z',
-        'Freight': 56.46,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10847,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-01-22T12:55:00.000Z',
-        'ShippedDate': '1998-02-10T13:55:00.000Z',
-        'Freight': 487.57,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10848,
-        'CustomerID': 'CONSH',
-        'OrderDate': '1998-01-23T14:55:00.000Z',
-        'ShippedDate': '1998-01-29T15:55:00.000Z',
-        'Freight': 38.24,
-        'ShipName': 'Consolidated Holdings',
-        'ShipAddress': 'Berkeley Gardens 12  Brewery',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10849,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1998-01-23T16:55:00.000Z',
-        'ShippedDate': '1998-01-30T17:55:00.000Z',
-        'Freight': 0.56,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10850,
-        'CustomerID': 'VICTE',
-        'OrderDate': '1998-01-23T19:55:00.000Z',
-        'ShippedDate': '1998-01-30T20:55:00.000Z',
-        'Freight': 49.19,
-        'ShipName': 'Victuailles en stock',
-        'ShipAddress': '2, rue du Commerce',
-        'ShipCity': 'Lyon',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10851,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1998-01-26T21:55:00.000Z',
-        'ShippedDate': '1998-02-02T22:55:00.000Z',
-        'Freight': 160.55,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10852,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1998-01-26T23:55:00.000Z',
-        'ShippedDate': '1998-01-30T01:00.05.000Z',
-        'Freight': 174.05,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10853,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1998-01-27T02:00.05.000Z',
-        'ShippedDate': '1998-02-03T03:00.05.000Z',
-        'Freight': 53.83,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10854,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-01-27T04:00.05.000Z',
-        'ShippedDate': '1998-02-05T05:00.05.000Z',
-        'Freight': 100.22,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10855,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1998-01-27T06:00.05.000Z',
-        'ShippedDate': '1998-02-04T07:00.05.000Z',
-        'Freight': 170.97,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10856,
-        'CustomerID': 'ANTON',
-        'OrderDate': '1998-01-28T08:00.05.000Z',
-        'ShippedDate': '1998-02-10T09:00.05.000Z',
-        'Freight': 58.43,
-        'ShipName': 'Antonio Moreno Taquería',
-        'ShipAddress': 'Mataderos  2312',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10857,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1998-01-28T11:00.05.000Z',
-        'ShippedDate': '1998-02-06T12:00.05.000Z',
-        'Freight': 188.85,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10858,
-        'CustomerID': 'LACOR',
-        'OrderDate': '1998-01-29T13:00.05.000Z',
-        'ShippedDate': '1998-02-03T14:00.05.000Z',
-        'Freight': 52.51,
-        'ShipName': 'La corne d\'abondance',
-        'ShipAddress': '67, avenue de l\'Europe',
-        'ShipCity': 'Versailles',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10859,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1998-01-29T15:00.05.000Z',
-        'ShippedDate': '1998-02-02T16:00.05.000Z',
-        'Freight': 76.1,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10860,
-        'CustomerID': 'FRANR',
-        'OrderDate': '1998-01-29T17:00.05.000Z',
-        'ShippedDate': '1998-02-04T18:00.05.000Z',
-        'Freight': 19.26,
-        'ShipName': 'France restauration',
-        'ShipAddress': '54, rue Royale',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10861,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1998-01-30T19:00.05.000Z',
-        'ShippedDate': '1998-02-17T20:00.05.000Z',
-        'Freight': 14.93,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10862,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1998-01-30T21:00.05.000Z',
-        'ShippedDate': '1998-02-02T22:00.05.000Z',
-        'Freight': 53.23,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10863,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1998-02-02T23:00.05.000Z',
-        'ShippedDate': '1998-02-17T01:15:00.000Z',
-        'Freight': 30.26,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10864,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1998-02-02T02:15:00.000Z',
-        'ShippedDate': '1998-02-09T03:15:00.000Z',
-        'Freight': 3.04,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10865,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-02-02T04:15:00.000Z',
-        'ShippedDate': '1998-02-12T05:15:00.000Z',
-        'Freight': 348.14,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10866,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1998-02-03T06:15:00.000Z',
-        'ShippedDate': '1998-02-12T07:15:00.000Z',
-        'Freight': 109.11,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10867,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1998-02-03T08:15:00.000Z',
-        'ShippedDate': '1998-02-11T09:15:00.000Z',
-        'Freight': 1.93,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10868,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1998-02-04T10:15:00.000Z',
-        'ShippedDate': '1998-02-23T11:15:00.000Z',
-        'Freight': 191.27,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10869,
-        'CustomerID': 'SEVES',
-        'OrderDate': '1998-02-04T12:15:00.000Z',
-        'ShippedDate': '1998-02-09T13:15:00.000Z',
-        'Freight': 143.28,
-        'ShipName': 'Seven Seas Imports',
-        'ShipAddress': '90 Wadhurst Rd.',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10870,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1998-02-04T14:15:00.000Z',
-        'ShippedDate': '1998-02-13T15:15:00.000Z',
-        'Freight': 12.04,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 10871,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1998-02-05T16:15:00.000Z',
-        'ShippedDate': '1998-02-10T17:15:00.000Z',
-        'Freight': 112.27,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10872,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-02-05T18:15:00.000Z',
-        'ShippedDate': '1998-02-09T19:15:00.000Z',
-        'Freight': 175.32,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10873,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1998-02-06T20:15:00.000Z',
-        'ShippedDate': '1998-02-09T21:15:00.000Z',
-        'Freight': 0.82,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10874,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-02-06T22:15:00.000Z',
-        'ShippedDate': '1998-02-11T23:15:00.000Z',
-        'Freight': 19.58,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10875,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1998-02-06T01:30:00.000Z',
-        'ShippedDate': '1998-03-03T02:30:00.000Z',
-        'Freight': 32.37,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10876,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1998-02-09T03:30:00.000Z',
-        'ShippedDate': '1998-02-12T04:30:00.000Z',
-        'Freight': 60.42,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10877,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1998-02-09T05:30:00.000Z',
-        'ShippedDate': '1998-02-19T06:30:00.000Z',
-        'Freight': 38.06,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10878,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-02-10T07:30:00.000Z',
-        'ShippedDate': '1998-02-12T08:30:00.000Z',
-        'Freight': 46.69,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10879,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1998-02-10T09:30:00.000Z',
-        'ShippedDate': '1998-02-12T10:30:00.000Z',
-        'Freight': 8.5,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10880,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-02-10T11:30:00.000Z',
-        'ShippedDate': '1998-02-18T12:30:00.000Z',
-        'Freight': 88.01,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10881,
-        'CustomerID': 'CACTU',
-        'OrderDate': '1998-02-11T13:30:00.000Z',
-        'ShippedDate': '1998-02-18T14:30:00.000Z',
-        'Freight': 2.84,
-        'ShipName': 'Cactus Comidas para llevar',
-        'ShipAddress': 'Cerrito 333',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10882,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-02-11T15:30:00.000Z',
-        'ShippedDate': '1998-02-20T16:30:00.000Z',
-        'Freight': 23.1,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10883,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1998-02-12T17:30:00.000Z',
-        'ShippedDate': '1998-02-20T18:30:00.000Z',
-        'Freight': 0.53,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10884,
-        'CustomerID': 'LETSS',
-        'OrderDate': '1998-02-12T19:30:00.000Z',
-        'ShippedDate': '1998-02-13T20:30:00.000Z',
-        'Freight': 90.97,
-        'ShipName': 'Let\'s Stop N Shop',
-        'ShipAddress': '87 Polk St. Suite 5',
-        'ShipCity': 'San Francisco',
-        'ShipRegion': 'CA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10885,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1998-02-12T21:30:00.000Z',
-        'ShippedDate': '1998-02-18T22:30:00.000Z',
-        'Freight': 5.64,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10886,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-02-13T23:30:00.000Z',
-        'ShippedDate': '1998-03-02T01:20:00.000Z',
-        'Freight': 4.99,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10887,
-        'CustomerID': 'GALED',
-        'OrderDate': '1998-02-13T02:20:00.000Z',
-        'ShippedDate': '1998-02-16T03:20:00.000Z',
-        'Freight': 1.25,
-        'ShipName': 'Galería del gastronómo',
-        'ShipAddress': 'Rambla de Cataluña, 23',
-        'ShipCity': 'Barcelona',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10888,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-02-16T04:20:00.000Z',
-        'ShippedDate': '1998-02-23T05:20:00.000Z',
-        'Freight': 51.87,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10889,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1998-02-16T06:20:00.000Z',
-        'ShippedDate': '1998-02-23T07:20:00.000Z',
-        'Freight': 280.61,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10890,
-        'CustomerID': 'DUMON',
-        'OrderDate': '1998-02-16T08:20:00.000Z',
-        'ShippedDate': '1998-02-18T09:20:00.000Z',
-        'Freight': 32.76,
-        'ShipName': 'Du monde entier',
-        'ShipAddress': '67, rue des Cinquante Otages',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10891,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1998-02-17T10:20:00.000Z',
-        'ShippedDate': '1998-02-19T11:20:00.000Z',
-        'Freight': 20.37,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10892,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1998-02-17T12:20:00.000Z',
-        'ShippedDate': '1998-02-19T13:20:00.000Z',
-        'Freight': 120.27,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10893,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1998-02-18T14:20:00.000Z',
-        'ShippedDate': '1998-02-20T15:20:00.000Z',
-        'Freight': 77.78,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10894,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-02-18T16:20:00.000Z',
-        'ShippedDate': '1998-02-20T17:20:00.000Z',
-        'Freight': 116.13,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10895,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-02-18T18:20:00.000Z',
-        'ShippedDate': '1998-02-23T19:20:00.000Z',
-        'Freight': 162.75,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10896,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1998-02-19T20:20:00.000Z',
-        'ShippedDate': '1998-02-27T21:20:00.000Z',
-        'Freight': 32.45,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10897,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1998-02-19T22:20:00.000Z',
-        'ShippedDate': '1998-02-25T23:20:00.000Z',
-        'Freight': 603.54,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10898,
-        'CustomerID': 'OCEAN',
-        'OrderDate': '1998-02-20T01:55:00.000Z',
-        'ShippedDate': '1998-03-06T02:55:00.000Z',
-        'Freight': 1.27,
-        'ShipName': 'Océano Atlántico Ltda.',
-        'ShipAddress': 'Ing. Gustavo Moncada 8585 Piso 20-A',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10899,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1998-02-20T03:55:00.000Z',
-        'ShippedDate': '1998-02-26T04:55:00.000Z',
-        'Freight': 1.21,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10900,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1998-02-20T05:55:00.000Z',
-        'ShippedDate': '1998-03-04T06:55:00.000Z',
-        'Freight': 1.66,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10901,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1998-02-23T07:55:00.000Z',
-        'ShippedDate': '1998-02-26T08:55:00.000Z',
-        'Freight': 62.09,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10902,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-02-23T09:55:00.000Z',
-        'ShippedDate': '1998-03-03T10:55:00.000Z',
-        'Freight': 44.15,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10903,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-02-24T11:55:00.000Z',
-        'ShippedDate': '1998-03-04T12:55:00.000Z',
-        'Freight': 36.71,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10904,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1998-02-24T13:55:00.000Z',
-        'ShippedDate': '1998-02-27T14:55:00.000Z',
-        'Freight': 162.95,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10905,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1998-02-24T15:55:00.000Z',
-        'ShippedDate': '1998-03-06T16:55:00.000Z',
-        'Freight': 13.72,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10906,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1998-02-25T17:55:00.000Z',
-        'ShippedDate': '1998-03-03T18:55:00.000Z',
-        'Freight': 26.29,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 10907,
-        'CustomerID': 'SPECD',
-        'OrderDate': '1998-02-25T19:55:00.000Z',
-        'ShippedDate': '1998-02-27T20:55:00.000Z',
-        'Freight': 9.19,
-        'ShipName': 'Spécialités du monde',
-        'ShipAddress': '25, rue Lauriston',
-        'ShipCity': 'Paris',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10908,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1998-02-26T21:55:00.000Z',
-        'ShippedDate': '1998-03-06T22:55:00.000Z',
-        'Freight': 32.96,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10909,
-        'CustomerID': 'SANTG',
-        'OrderDate': '1998-02-26T23:55:00.000Z',
-        'ShippedDate': '1998-03-10T01:40:00.000Z',
-        'Freight': 53.05,
-        'ShipName': 'Santé Gourmet',
-        'ShipAddress': 'Erling Skakkes gate 78',
-        'ShipCity': 'Stavern',
-        'ShipRegion': null,
-        'ShipCountry': 'Norway'
-    },
-    {
-        'OrderID': 10910,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1998-02-26T02:40:00.000Z',
-        'ShippedDate': '1998-03-04T03:40:00.000Z',
-        'Freight': 38.11,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 10911,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-02-26T04:40:00.000Z',
-        'ShippedDate': '1998-03-05T05:40:00.000Z',
-        'Freight': 38.19,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10912,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1998-02-26T06:40:00.000Z',
-        'ShippedDate': '1998-03-18T07:40:00.000Z',
-        'Freight': 580.91,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10913,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1998-02-26T08:40:00.000Z',
-        'ShippedDate': '1998-03-04T09:40:00.000Z',
-        'Freight': 33.05,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10914,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1998-02-27T10:40:00.000Z',
-        'ShippedDate': '1998-03-02T11:40:00.000Z',
-        'Freight': 21.19,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10915,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1998-02-27T12:40:00.000Z',
-        'ShippedDate': '1998-03-02T13:40:00.000Z',
-        'Freight': 3.51,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10916,
-        'CustomerID': 'RANCH',
-        'OrderDate': '1998-02-27T14:40:00.000Z',
-        'ShippedDate': '1998-03-09T15:40:00.000Z',
-        'Freight': 63.77,
-        'ShipName': 'Rancho grande',
-        'ShipAddress': 'Av. del Libertador 900',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10917,
-        'CustomerID': 'ROMEY',
-        'OrderDate': '1998-03-02T16:40:00.000Z',
-        'ShippedDate': '1998-03-11T17:40:00.000Z',
-        'Freight': 8.29,
-        'ShipName': 'Romero y tomillo',
-        'ShipAddress': 'Gran Vía, 1',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10918,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-03-02T18:40:00.000Z',
-        'ShippedDate': '1998-03-11T19:40:00.000Z',
-        'Freight': 48.83,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10919,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-03-02T20:40:00.000Z',
-        'ShippedDate': '1998-03-04T21:40:00.000Z',
-        'Freight': 19.8,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10920,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1998-03-03T22:40:00.000Z',
-        'ShippedDate': '1998-03-09T01:50:00.000Z',
-        'Freight': 29.61,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10921,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1998-03-03T02:50:00.000Z',
-        'ShippedDate': '1998-03-09T03:50:00.000Z',
-        'Freight': 176.48,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10922,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-03-03T04:50:00.000Z',
-        'ShippedDate': '1998-03-05T05:50:00.000Z',
-        'Freight': 62.74,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10923,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1998-03-03T06:50:00.000Z',
-        'ShippedDate': '1998-03-13T06:50:00.000Z',
-        'Freight': 68.26,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10924,
-        'CustomerID': 'BERGS',
-        'OrderDate': '1998-03-04T07:50:00.000Z',
-        'ShippedDate': '1998-04-08T08:50:00.000Z',
-        'Freight': 151.52,
-        'ShipName': 'Berglunds snabbköp',
-        'ShipAddress': 'Berguvsvägen  8',
-        'ShipCity': 'Luleå',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10925,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-03-04T09:50:00.000Z',
-        'ShippedDate': '1998-03-13T10:50:00.000Z',
-        'Freight': 2.27,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10926,
-        'CustomerID': 'ANATR',
-        'OrderDate': '1998-03-04T11:50:00.000Z',
-        'ShippedDate': '1998-03-11T12:50:00.000Z',
-        'Freight': 39.92,
-        'ShipName': 'Ana Trujillo Emparedados y helados',
-        'ShipAddress': 'Avda. de la Constitución 2222',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10927,
-        'CustomerID': 'LACOR',
-        'OrderDate': '1998-03-05T13:50:00.000Z',
-        'ShippedDate': '1998-04-08T14:50:00.000Z',
-        'Freight': 19.79,
-        'ShipName': 'La corne d\'abondance',
-        'ShipAddress': '67, avenue de l\'Europe',
-        'ShipCity': 'Versailles',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10928,
-        'CustomerID': 'GALED',
-        'OrderDate': '1998-03-05T15:50:00.000Z',
-        'ShippedDate': '1998-03-18T16:50:00.000Z',
-        'Freight': 1.36,
-        'ShipName': 'Galería del gastronómo',
-        'ShipAddress': 'Rambla de Cataluña, 23',
-        'ShipCity': 'Barcelona',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10929,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1998-03-05T17:50:00.000Z',
-        'ShippedDate': '1998-03-12T18:50:00.000Z',
-        'Freight': 33.93,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10930,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1998-03-06T19:50:00.000Z',
-        'ShippedDate': '1998-03-18T20:50:00.000Z',
-        'Freight': 15.55,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10931,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1998-03-06T21:50:00.000Z',
-        'ShippedDate': '1998-03-19T22:50:00.000Z',
-        'Freight': 13.6,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10932,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1998-03-06T23:50:00.000Z',
-        'ShippedDate': '1998-03-24T01:50:00.000Z',
-        'Freight': 134.64,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10933,
-        'CustomerID': 'ISLAT',
-        'OrderDate': '1998-03-06T02:20:00.000Z',
-        'ShippedDate': '1998-03-16T03:20:00.000Z',
-        'Freight': 54.15,
-        'ShipName': 'Island Trading',
-        'ShipAddress': 'Garden House Crowther Way',
-        'ShipCity': 'Cowes',
-        'ShipRegion': 'Isle of Wight',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10934,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1998-03-09T04:20:00.000Z',
-        'ShippedDate': '1998-03-12T05:20:00.000Z',
-        'Freight': 32.01,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10935,
-        'CustomerID': 'WELLI',
-        'OrderDate': '1998-03-09T06:20:00.000Z',
-        'ShippedDate': '1998-03-18T07:20:00.000Z',
-        'Freight': 47.59,
-        'ShipName': 'Wellington Importadora',
-        'ShipAddress': 'Rua do Mercado, 12',
-        'ShipCity': 'Resende',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10936,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1998-03-09T08:20:00.000Z',
-        'ShippedDate': '1998-03-18T09:20:00.000Z',
-        'Freight': 33.68,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10937,
-        'CustomerID': 'CACTU',
-        'OrderDate': '1998-03-10T10:20:00.000Z',
-        'ShippedDate': '1998-03-13T11:20:00.000Z',
-        'Freight': 31.51,
-        'ShipName': 'Cactus Comidas para llevar',
-        'ShipAddress': 'Cerrito 333',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10938,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-03-10T12:20:00.000Z',
-        'ShippedDate': '1998-03-16T14:20:00.000Z',
-        'Freight': 31.89,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10939,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1998-03-10T13:20:00.000Z',
-        'ShippedDate': '1998-03-13T15:20:00.000Z',
-        'Freight': 76.33,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10940,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1998-03-11T16:20:00.000Z',
-        'ShippedDate': '1998-03-23T17:20:00.000Z',
-        'Freight': 19.77,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10941,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-03-11T18:20:00.000Z',
-        'ShippedDate': '1998-03-20T19:20:00.000Z',
-        'Freight': 400.81,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10942,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1998-03-11T20:20:00.000Z',
-        'ShippedDate': '1998-03-18T21:20:00.000Z',
-        'Freight': 17.95,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10943,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1998-03-11T22:20:00.000Z',
-        'ShippedDate': '1998-03-19T23:20:00.000Z',
-        'Freight': 2.17,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10944,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-03-12T01:20:00.000Z',
-        'ShippedDate': '1998-03-13T02:20:00.000Z',
-        'Freight': 52.92,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10945,
-        'CustomerID': 'MORGK',
-        'OrderDate': '1998-03-12T03:20:00.000Z',
-        'ShippedDate': '1998-03-18T04:20:00.000Z',
-        'Freight': 10.22,
-        'ShipName': 'Morgenstern Gesundkost',
-        'ShipAddress': 'Heerstr. 22',
-        'ShipCity': 'Leipzig',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10946,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1998-03-12T05:20:00.000Z',
-        'ShippedDate': '1998-03-19T06:20:00.000Z',
-        'Freight': 27.2,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10947,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1998-03-13T07:20:00.000Z',
-        'ShippedDate': '1998-03-16T08:20:00.000Z',
-        'Freight': 3.26,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10948,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-03-13T09:20:00.000Z',
-        'ShippedDate': '1998-03-19T10:20:00.000Z',
-        'Freight': 23.39,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10949,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-03-13T11:20:00.000Z',
-        'ShippedDate': '1998-03-17T12:20:00.000Z',
-        'Freight': 74.44,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10950,
-        'CustomerID': 'MAGAA',
-        'OrderDate': '1998-03-16T13:20:00.000Z',
-        'ShippedDate': '1998-03-23T14:20:00.000Z',
-        'Freight': 2.5,
-        'ShipName': 'Magazzini Alimentari Riuniti',
-        'ShipAddress': 'Via Ludovico il Moro 22',
-        'ShipCity': 'Bergamo',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 10951,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1998-03-16T15:20:00.000Z',
-        'ShippedDate': '1998-04-07T16:20:00.000Z',
-        'Freight': 30.85,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10952,
-        'CustomerID': 'ALFKI',
-        'OrderDate': '1998-03-16T17:20:00.000Z',
-        'ShippedDate': '1998-03-24T18:20:00.000Z',
-        'Freight': 40.42,
-        'ShipName': 'Alfred\'s Futterkiste',
-        'ShipAddress': 'Obere Str. 57',
-        'ShipCity': 'Berlin',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10953,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1998-03-16T19:20:00.000Z',
-        'ShippedDate': '1998-03-25T20:20:00.000Z',
-        'Freight': 23.72,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10954,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-03-17T21:20:00.000Z',
-        'ShippedDate': '1998-03-20T22:20:00.000Z',
-        'Freight': 27.91,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10955,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-03-17T23:20:00.000Z',
-        'ShippedDate': '1998-03-20T01:20:00.000Z',
-        'Freight': 3.26,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10956,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1998-03-17T01:55:00.000Z',
-        'ShippedDate': '1998-03-20T02:55:00.000Z',
-        'Freight': 44.65,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10957,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1998-03-18T03:55:00.000Z',
-        'ShippedDate': '1998-03-27T04:55:00.000Z',
-        'Freight': 105.36,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10958,
-        'CustomerID': 'OCEAN',
-        'OrderDate': '1998-03-18T05:55:00.000Z',
-        'ShippedDate': '1998-03-27T06:55:00.000Z',
-        'Freight': 49.56,
-        'ShipName': 'Océano Atlántico Ltda.',
-        'ShipAddress': 'Ing. Gustavo Moncada 8585 Piso 20-A',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10959,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1998-03-18T07:55:00.000Z',
-        'ShippedDate': '1998-03-23T08:55:00.000Z',
-        'Freight': 4.98,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10960,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1998-03-19T09:55:00.000Z',
-        'ShippedDate': '1998-04-08T10:55:00.000Z',
-        'Freight': 2.08,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10961,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1998-03-19T11:55:00.000Z',
-        'ShippedDate': '1998-03-30T12:55:00.000Z',
-        'Freight': 104.47,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10962,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-03-19T13:55:00.000Z',
-        'ShippedDate': '1998-03-23T14:55:00.000Z',
-        'Freight': 275.79,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10963,
-        'CustomerID': 'FURIB',
-        'OrderDate': '1998-03-19T15:55:00.000Z',
-        'ShippedDate': '1998-03-26T16:55:00.000Z',
-        'Freight': 2.7,
-        'ShipName': 'Furia Bacalhau e Frutos do Mar',
-        'ShipAddress': 'Jardim das rosas n. 32',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 10964,
-        'CustomerID': 'SPECD',
-        'OrderDate': '1998-03-20T17:55:00.000Z',
-        'ShippedDate': '1998-03-24T18:55:00.000Z',
-        'Freight': 87.38,
-        'ShipName': 'Spécialités du monde',
-        'ShipAddress': '25, rue Lauriston',
-        'ShipCity': 'Paris',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10965,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1998-03-20T19:55:00.000Z',
-        'ShippedDate': '1998-03-30T20:55:00.000Z',
-        'Freight': 144.38,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10966,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1998-03-20T21:55:00.000Z',
-        'ShippedDate': '1998-04-08T22:55:00.000Z',
-        'Freight': 27.19,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 10967,
-        'CustomerID': 'TOMSP',
-        'OrderDate': '1998-03-23T23:55:00.000Z',
-        'ShippedDate': '1998-04-02T12:55:00.000Z',
-        'Freight': 62.22,
-        'ShipName': 'Toms Spezialitäten',
-        'ShipAddress': 'Luisenstr. 48',
-        'ShipCity': 'Münster',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10968,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-03-23T01:00.05.000Z',
-        'ShippedDate': '1998-04-01T02:00.05.000Z',
-        'Freight': 74.6,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10969,
-        'CustomerID': 'COMMI',
-        'OrderDate': '1998-03-23T03:00.05.000Z',
-        'ShippedDate': '1998-03-30T04:00.05.000Z',
-        'Freight': 0.21,
-        'ShipName': 'Comércio Mineiro',
-        'ShipAddress': 'Av. dos Lusíadas, 23',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10970,
-        'CustomerID': 'BOLID',
-        'OrderDate': '1998-03-24T05:00.05.000Z',
-        'ShippedDate': '1998-04-24T06:00.05.000Z',
-        'Freight': 16.16,
-        'ShipName': 'Bólido Comidas preparadas',
-        'ShipAddress': 'C/ Araquil, 67',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 10971,
-        'CustomerID': 'FRANR',
-        'OrderDate': '1998-03-24T07:00.05.000Z',
-        'ShippedDate': '1998-04-02T08:00.05.000Z',
-        'Freight': 121.82,
-        'ShipName': 'France restauration',
-        'ShipAddress': '54, rue Royale',
-        'ShipCity': 'Nantes',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10972,
-        'CustomerID': 'LACOR',
-        'OrderDate': '1998-03-24T09:00.05.000Z',
-        'ShippedDate': '1998-03-26T10:00.05.000Z',
-        'Freight': 0.02,
-        'ShipName': 'La corne d\'abondance',
-        'ShipAddress': '67, avenue de l\'Europe',
-        'ShipCity': 'Versailles',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10973,
-        'CustomerID': 'LACOR',
-        'OrderDate': '1998-03-24T11:00.05.000Z',
-        'ShippedDate': '1998-03-27T12:00.05.000Z',
-        'Freight': 15.17,
-        'ShipName': 'La corne d\'abondance',
-        'ShipAddress': '67, avenue de l\'Europe',
-        'ShipCity': 'Versailles',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 10974,
-        'CustomerID': 'SPLIR',
-        'OrderDate': '1998-03-25T13:00.05.000Z',
-        'ShippedDate': '1998-04-03T14:00.05.000Z',
-        'Freight': 12.96,
-        'ShipName': 'Split Rail Beer & Ale',
-        'ShipAddress': 'P.O. Box 555',
-        'ShipCity': 'Lander',
-        'ShipRegion': 'WY',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10975,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-03-25T15:00.05.000Z',
-        'ShippedDate': '1998-03-27T16:00.05.000Z',
-        'Freight': 32.27,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10976,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1998-03-25T17:00.05.000Z',
-        'ShippedDate': '1998-04-03T18:00.05.000Z',
-        'Freight': 37.97,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10977,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-03-26T19:00.05.000Z',
-        'ShippedDate': '1998-04-10T10:00.05.000Z',
-        'Freight': 208.5,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10978,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1998-03-26T11:00.05.000Z',
-        'ShippedDate': '1998-04-23T12:00.05.000Z',
-        'Freight': 32.82,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 10979,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-03-26T13:00.05.000Z',
-        'ShippedDate': '1998-03-31T14:00.05.000Z',
-        'Freight': 353.07,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10980,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-03-27T15:00.05.000Z',
-        'ShippedDate': '1998-04-17T16:00.05.000Z',
-        'Freight': 1.26,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10981,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-03-27T17:00.05.000Z',
-        'ShippedDate': '1998-04-02T18:00.05.000Z',
-        'Freight': 193.37,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10982,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-03-27T19:00.05.000Z',
-        'ShippedDate': '1998-04-08T20:00.05.000Z',
-        'Freight': 14.01,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 10983,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-03-27T21:00.05.000Z',
-        'ShippedDate': '1998-04-06T22:00.05.000Z',
-        'Freight': 657.54,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10984,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-03-30T23:00.05.000Z',
-        'ShippedDate': '1998-04-03T13:00.05.000Z',
-        'Freight': 211.22,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10985,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1998-03-30T01:25:00.000Z',
-        'ShippedDate': '1998-04-02T02:25:00.000Z',
-        'Freight': 91.51,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 10986,
-        'CustomerID': 'OCEAN',
-        'OrderDate': '1998-03-30T03:25:00.000Z',
-        'ShippedDate': '1998-04-21T04:25:00.000Z',
-        'Freight': 217.86,
-        'ShipName': 'Océano Atlántico Ltda.',
-        'ShipAddress': 'Ing. Gustavo Moncada 8585 Piso 20-A',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 10987,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1998-03-31T05:25:00.000Z',
-        'ShippedDate': '1998-04-06T06:25:00.000Z',
-        'Freight': 185.48,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 10988,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1998-03-31T07:25:00.000Z',
-        'ShippedDate': '1998-04-10T08:25:00.000Z',
-        'Freight': 61.14,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10989,
-        'CustomerID': 'QUEDE',
-        'OrderDate': '1998-03-31T09:25:00.000Z',
-        'ShippedDate': '1998-04-02T10:25:00.000Z',
-        'Freight': 34.76,
-        'ShipName': 'Que Delícia',
-        'ShipAddress': 'Rua da Panificadora, 12',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 10990,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-04-01T11:25:00.000Z',
-        'ShippedDate': '1998-04-07T12:25:00.000Z',
-        'Freight': 117.61,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 10991,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-04-01T13:25:00.000Z',
-        'ShippedDate': '1998-04-07T14:25:00.000Z',
-        'Freight': 38.51,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10992,
-        'CustomerID': 'THEBI',
-        'OrderDate': '1998-04-01T15:25:00.000Z',
-        'ShippedDate': '1998-04-03T16:25:00.000Z',
-        'Freight': 4.27,
-        'ShipName': 'The Big Cheese',
-        'ShipAddress': '89 Jefferson Way Suite 2',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 10993,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-04-01T17:25:00.000Z',
-        'ShippedDate': '1998-04-10T18:25:00.000Z',
-        'Freight': 8.81,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 10994,
-        'CustomerID': 'VAFFE',
-        'OrderDate': '1998-04-02T19:25:00.000Z',
-        'ShippedDate': '1998-04-09T20:25:00.000Z',
-        'Freight': 65.53,
-        'ShipName': 'Vaffeljernet',
-        'ShipAddress': 'Smagsloget 45',
-        'ShipCity': 'Århus',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 10995,
-        'CustomerID': 'PERIC',
-        'OrderDate': '1998-04-02T21:25:00.000Z',
-        'ShippedDate': '1998-04-06T22:25:00.000Z',
-        'Freight': 46,
-        'ShipName': 'Pericles Comidas clásicas',
-        'ShipAddress': 'Calle Dr. Jorge Cash 321',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 10996,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-04-02T23:25:00.000Z',
-        'ShippedDate': '1998-04-10T13:25:00.000Z',
-        'Freight': 1.12,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 10997,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1998-04-03T14:25:00.000Z',
-        'ShippedDate': '1998-04-13T01:25:00.000Z',
-        'Freight': 73.91,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 10998,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1998-04-03T02:25:00.000Z',
-        'ShippedDate': '1998-04-17T03:25:00.000Z',
-        'Freight': 20.31,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 10999,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1998-04-03T04:25:00.000Z',
-        'ShippedDate': '1998-04-10T05:25:00.000Z',
-        'Freight': 96.35,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11000,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1998-04-06T06:25:00.000Z',
-        'ShippedDate': '1998-04-14T07:25:00.000Z',
-        'Freight': 55.12,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11001,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-04-06T08:25:00.000Z',
-        'ShippedDate': '1998-04-14T09:25:00.000Z',
-        'Freight': 197.3,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 11002,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-04-06T10:25:00.000Z',
-        'ShippedDate': '1998-04-16T11:25:00.000Z',
-        'Freight': 141.16,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11003,
-        'CustomerID': 'THECR',
-        'OrderDate': '1998-04-06T12:25:00.000Z',
-        'ShippedDate': '1998-04-08T13:25:00.000Z',
-        'Freight': 14.91,
-        'ShipName': 'The Cracker Box',
-        'ShipAddress': '55 Grizzly Peak Rd.',
-        'ShipCity': 'Butte',
-        'ShipRegion': 'MT',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11004,
-        'CustomerID': 'MAISD',
-        'OrderDate': '1998-04-07T14:25:00.000Z',
-        'ShippedDate': '1998-04-20T15:25:00.000Z',
-        'Freight': 44.84,
-        'ShipName': 'Maison Dewey',
-        'ShipAddress': 'Rue Joseph-Bens 532',
-        'ShipCity': 'Bruxelles',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 11005,
-        'CustomerID': 'WILMK',
-        'OrderDate': '1998-04-07T16:25:00.000Z',
-        'ShippedDate': '1998-04-10T17:25:00.000Z',
-        'Freight': 0.75,
-        'ShipName': 'Wilman Kala',
-        'ShipAddress': 'Keskuskatu 45',
-        'ShipCity': 'Helsinki',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 11006,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1998-04-07T18:25:00.000Z',
-        'ShippedDate': '1998-04-15T19:25:00.000Z',
-        'Freight': 25.19,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11007,
-        'CustomerID': 'PRINI',
-        'OrderDate': '1998-04-08T20:25:00.000Z',
-        'ShippedDate': '1998-04-13T21:25:00.000Z',
-        'Freight': 202.24,
-        'ShipName': 'Princesa Isabel Vinhos',
-        'ShipAddress': 'Estrada da saúde n. 58',
-        'ShipCity': 'Lisboa',
-        'ShipRegion': null,
-        'ShipCountry': 'Portugal'
-    },
-    {
-        'OrderID': 11008,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-04-08T22:25:00.000Z',
-        'ShippedDate': null,
-        'Freight': 79.46,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 11009,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-04-08T23:25:00.000Z',
-        'ShippedDate': '1998-04-10T01:25:00.000Z',
-        'Freight': 59.11,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 11010,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1998-04-09T02:55:00.000Z',
-        'ShippedDate': '1998-04-21T03:55:00.000Z',
-        'Freight': 28.71,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 11011,
-        'CustomerID': 'ALFKI',
-        'OrderDate': '1998-04-09T04:55:00.000Z',
-        'ShippedDate': '1998-04-13T05:55:00.000Z',
-        'Freight': 1.21,
-        'ShipName': 'Alfred\'s Futterkiste',
-        'ShipAddress': 'Obere Str. 57',
-        'ShipCity': 'Berlin',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11012,
-        'CustomerID': 'FRANK',
-        'OrderDate': '1998-04-09T06:55:00.000Z',
-        'ShippedDate': '1998-04-17T07:55:00.000Z',
-        'Freight': 242.95,
-        'ShipName': 'Frankenversand',
-        'ShipAddress': 'Berliner Platz 43',
-        'ShipCity': 'München',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11013,
-        'CustomerID': 'ROMEY',
-        'OrderDate': '1998-04-09T08:55:00.000Z',
-        'ShippedDate': '1998-04-10T09:55:00.000Z',
-        'Freight': 32.99,
-        'ShipName': 'Romero y tomillo',
-        'ShipAddress': 'Gran Vía, 1',
-        'ShipCity': 'Madrid',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 11014,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-04-10T10:55:00.000Z',
-        'ShippedDate': '1998-04-15T11:55:00.000Z',
-        'Freight': 23.6,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 11015,
-        'CustomerID': 'SANTG',
-        'OrderDate': '1998-04-10T12:55:00.000Z',
-        'ShippedDate': '1998-04-20T13:55:00.000Z',
-        'Freight': 4.62,
-        'ShipName': 'Santé Gourmet',
-        'ShipAddress': 'Erling Skakkes gate 78',
-        'ShipCity': 'Stavern',
-        'ShipRegion': null,
-        'ShipCountry': 'Norway'
-    },
-    {
-        'OrderID': 11016,
-        'CustomerID': 'AROUT',
-        'OrderDate': '1998-04-10T14:55:00.000Z',
-        'ShippedDate': '1998-04-13T15:55:00.000Z',
-        'Freight': 33.8,
-        'ShipName': 'Around the Horn',
-        'ShipAddress': 'Brook Farm Stratford St. Mary',
-        'ShipCity': 'Colchester',
-        'ShipRegion': 'Essex',
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 11017,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-04-13T16:55:00.000Z',
-        'ShippedDate': '1998-04-20T17:55:00.000Z',
-        'Freight': 754.26,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 11018,
-        'CustomerID': 'LONEP',
-        'OrderDate': '1998-04-13T18:55:00.000Z',
-        'ShippedDate': '1998-04-16T19:55:00.000Z',
-        'Freight': 11.65,
-        'ShipName': 'Lonesome Pine Restaurant',
-        'ShipAddress': '89 Chiaroscuro Rd.',
-        'ShipCity': 'Portland',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11019,
-        'CustomerID': 'RANCH',
-        'OrderDate': '1998-04-13T20:55:00.000Z',
-        'ShippedDate': null,
-        'Freight': 3.17,
-        'ShipName': 'Rancho grande',
-        'ShipAddress': 'Av. del Libertador 900',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 11020,
-        'CustomerID': 'OTTIK',
-        'OrderDate': '1998-04-14T21:55:00.000Z',
-        'ShippedDate': '1998-04-16T22:55:00.000Z',
-        'Freight': 43.3,
-        'ShipName': 'Ottilies Käseladen',
-        'ShipAddress': 'Mehrheimerstr. 369',
-        'ShipCity': 'Köln',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11021,
-        'CustomerID': 'QUICK',
-        'OrderDate': '1998-04-14T23:55:00.000Z',
-        'ShippedDate': '1998-04-21T13:50:00.000Z',
-        'Freight': 297.18,
-        'ShipName': 'QUICK-Stop',
-        'ShipAddress': 'Taucherstraße 10',
-        'ShipCity': 'Cunewalde',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11022,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-04-14T03:50:00.000Z',
-        'ShippedDate': '1998-05-04T01:50:00.000Z',
-        'Freight': 6.27,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 11023,
-        'CustomerID': 'BSBEV',
-        'OrderDate': '1998-04-14T02:50:00.000Z',
-        'ShippedDate': '1998-04-24T03:50:00.000Z',
-        'Freight': 123.83,
-        'ShipName': 'B\'s Beverages',
-        'ShipAddress': 'Fauntleroy Circus',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 11024,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1998-04-15T04:50:00.000Z',
-        'ShippedDate': '1998-04-20T05:50:00.000Z',
-        'Freight': 74.36,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 11025,
-        'CustomerID': 'WARTH',
-        'OrderDate': '1998-04-15T06:50:00.000Z',
-        'ShippedDate': '1998-04-24T07:50:00.000Z',
-        'Freight': 29.17,
-        'ShipName': 'Wartian Herkku',
-        'ShipAddress': 'Torikatu 38',
-        'ShipCity': 'Oulu',
-        'ShipRegion': null,
-        'ShipCountry': 'Finland'
-    },
-    {
-        'OrderID': 11026,
-        'CustomerID': 'FRANS',
-        'OrderDate': '1998-04-15T08:50:00.000Z',
-        'ShippedDate': '1998-04-28T09:50:00.000Z',
-        'Freight': 47.09,
-        'ShipName': 'Franchi S.p.A.',
-        'ShipAddress': 'Via Monte Bianco 34',
-        'ShipCity': 'Torino',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 11027,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-04-16T10:50:00.000Z',
-        'ShippedDate': '1998-04-20T11:50:00.000Z',
-        'Freight': 52.52,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 11028,
-        'CustomerID': 'KOENE',
-        'OrderDate': '1998-04-16T12:50:00.000Z',
-        'ShippedDate': '1998-04-22T13:50:00.000Z',
-        'Freight': 29.59,
-        'ShipName': 'Königlich Essen',
-        'ShipAddress': 'Maubelstr. 90',
-        'ShipCity': 'Brandenburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11029,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1998-04-16T14:50:00.000Z',
-        'ShippedDate': '1998-04-27T15:50:00.000Z',
-        'Freight': 47.84,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 11030,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-04-17T16:50:00.000Z',
-        'ShippedDate': '1998-04-27T17:50:00.000Z',
-        'Freight': 830.75,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11031,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-04-17T18:50:00.000Z',
-        'ShippedDate': '1998-04-24T19:50:00.000Z',
-        'Freight': 227.22,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11032,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1998-04-17T20:50:00.000Z',
-        'ShippedDate': '1998-04-23T21:50:00.000Z',
-        'Freight': 606.19,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11033,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1998-04-17T22:50:00.000Z',
-        'ShippedDate': '1998-04-23T23:50:00.000Z',
-        'Freight': 84.74,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 11034,
-        'CustomerID': 'OLDWO',
-        'OrderDate': '1998-04-20T01:05:00.000Z',
-        'ShippedDate': '1998-04-27T02:05:00.000Z',
-        'Freight': 40.32,
-        'ShipName': 'Old World Delicatessen',
-        'ShipAddress': '2743 Bering St.',
-        'ShipCity': 'Anchorage',
-        'ShipRegion': 'AK',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11035,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1998-04-20T03:05:00.000Z',
-        'ShippedDate': '1998-04-24T04:05:00.000Z',
-        'Freight': 0.17,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 11036,
-        'CustomerID': 'DRACD',
-        'OrderDate': '1998-04-20T05:05:00.000Z',
-        'ShippedDate': '1998-04-22T06:05:00.000Z',
-        'Freight': 149.47,
-        'ShipName': 'Drachenblut Delikatessen',
-        'ShipAddress': 'Walserweg 21',
-        'ShipCity': 'Aachen',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11037,
-        'CustomerID': 'GODOS',
-        'OrderDate': '1998-04-21T07:05:00.000Z',
-        'ShippedDate': '1998-04-27T08:05:00.000Z',
-        'Freight': 3.2,
-        'ShipName': 'Godos Cocina Típica',
-        'ShipAddress': 'C/ Romero, 33',
-        'ShipCity': 'Sevilla',
-        'ShipRegion': null,
-        'ShipCountry': 'Spain'
-    },
-    {
-        'OrderID': 11038,
-        'CustomerID': 'SUPRD',
-        'OrderDate': '1998-04-21T09:05:00.000Z',
-        'ShippedDate': '1998-04-30T10:05:00.000Z',
-        'Freight': 29.59,
-        'ShipName': 'Suprêmes délices',
-        'ShipAddress': 'Boulevard Tirou, 255',
-        'ShipCity': 'Charleroi',
-        'ShipRegion': null,
-        'ShipCountry': 'Belgium'
-    },
-    {
-        'OrderID': 11039,
-        'CustomerID': 'LINOD',
-        'OrderDate': '1998-04-21T11:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 65,
-        'ShipName': 'LINO-Delicateses',
-        'ShipAddress': 'Ave. 5 de Mayo Porlamar',
-        'ShipCity': 'I. de Margarita',
-        'ShipRegion': 'Nueva Esparta',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 11040,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1998-04-22T12:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 18.84,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11041,
-        'CustomerID': 'CHOPS',
-        'OrderDate': '1998-04-22T13:05:00.000Z',
-        'ShippedDate': '1998-04-28T14:05:00.000Z',
-        'Freight': 48.22,
-        'ShipName': 'Chop-suey Chinese',
-        'ShipAddress': 'Hauptstr. 31',
-        'ShipCity': 'Bern',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 11042,
-        'CustomerID': 'COMMI',
-        'OrderDate': '1998-04-22T15:05:00.000Z',
-        'ShippedDate': '1998-05-01T16:05:00.000Z',
-        'Freight': 29.99,
-        'ShipName': 'Comércio Mineiro',
-        'ShipAddress': 'Av. dos Lusíadas, 23',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 11043,
-        'CustomerID': 'SPECD',
-        'OrderDate': '1998-04-22T17:05:00.000Z',
-        'ShippedDate': '1998-04-29T18:05:00.000Z',
-        'Freight': 8.8,
-        'ShipName': 'Spécialités du monde',
-        'ShipAddress': '25, rue Lauriston',
-        'ShipCity': 'Paris',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 11044,
-        'CustomerID': 'WOLZA',
-        'OrderDate': '1998-04-23T19:05:00.000Z',
-        'ShippedDate': '1998-05-01T20:05:00.000Z',
-        'Freight': 8.72,
-        'ShipName': 'Wolski Zajazd',
-        'ShipAddress': 'ul. Filtrowa 68',
-        'ShipCity': 'Warszawa',
-        'ShipRegion': null,
-        'ShipCountry': 'Poland'
-    },
-    {
-        'OrderID': 11045,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-04-23T21:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 70.58,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 11046,
-        'CustomerID': 'WANDK',
-        'OrderDate': '1998-04-23T22:05:00.000Z',
-        'ShippedDate': '1998-04-24T23:05:00.000Z',
-        'Freight': 71.64,
-        'ShipName': 'Die Wandernde Kuh',
-        'ShipAddress': 'Adenauerallee 900',
-        'ShipCity': 'Stuttgart',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11047,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1998-04-24T01:30:00.000Z',
-        'ShippedDate': '1998-05-01T02:30:00.000Z',
-        'Freight': 46.62,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 11048,
-        'CustomerID': 'BOTTM',
-        'OrderDate': '1998-04-24T03:30:00.000Z',
-        'ShippedDate': '1998-04-30T04:30:00.000Z',
-        'Freight': 24.12,
-        'ShipName': 'Bottom-Dollar Markets',
-        'ShipAddress': '23 Tsawassen Blvd.',
-        'ShipCity': 'Tsawassen',
-        'ShipRegion': 'BC',
-        'ShipCountry': 'Canada'
-    },
-    {
-        'OrderID': 11049,
-        'CustomerID': 'GOURL',
-        'OrderDate': '1998-04-24T05:30:00.000Z',
-        'ShippedDate': '1998-05-04T06:30:00.000Z',
-        'Freight': 8.34,
-        'ShipName': 'Gourmet Lanchonetes',
-        'ShipAddress': 'Av. Brasil, 442',
-        'ShipCity': 'Campinas',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 11050,
-        'CustomerID': 'FOLKO',
-        'OrderDate': '1998-04-27T07:30:00.000Z',
-        'ShippedDate': '1998-05-05T08:30:00.000Z',
-        'Freight': 59.41,
-        'ShipName': 'Folk och fä HB',
-        'ShipAddress': 'Åkergatan 24',
-        'ShipCity': 'Bräcke',
-        'ShipRegion': null,
-        'ShipCountry': 'Sweden'
-    },
-    {
-        'OrderID': 11051,
-        'CustomerID': 'LAMAI',
-        'OrderDate': '1998-04-27T09:30:00.000Z',
-        'ShippedDate': null,
-        'Freight': 2.79,
-        'ShipName': 'La maison d\'Asie',
-        'ShipAddress': '1 rue Alsace-Lorraine',
-        'ShipCity': 'Toulouse',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 11052,
-        'CustomerID': 'HANAR',
-        'OrderDate': '1998-04-27T10:30:00.000Z',
-        'ShippedDate': '1998-05-01T11:30:00.000Z',
-        'Freight': 67.26,
-        'ShipName': 'Hanari Carnes',
-        'ShipAddress': 'Rua do Paço, 67',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 11053,
-        'CustomerID': 'PICCO',
-        'OrderDate': '1998-04-27T12:30:00.000Z',
-        'ShippedDate': '1998-04-29T13:30:00.000Z',
-        'Freight': 53.05,
-        'ShipName': 'Piccolo und mehr',
-        'ShipAddress': 'Geislweg 14',
-        'ShipCity': 'Salzburg',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 11054,
-        'CustomerID': 'CACTU',
-        'OrderDate': '1998-04-28T14:30:00.000Z',
-        'ShippedDate': '1998-04-29T15:30:00.000Z',
-        'Freight': 0.33,
-        'ShipName': 'Cactus Comidas para llevar',
-        'ShipAddress': 'Cerrito 333',
-        'ShipCity': 'Buenos Aires',
-        'ShipRegion': null,
-        'ShipCountry': 'Argentina'
-    },
-    {
-        'OrderID': 11055,
-        'CustomerID': 'HILAA',
-        'OrderDate': '1998-04-28T16:30:00.000Z',
-        'ShippedDate': '1998-05-05T17:30:00.000Z',
-        'Freight': 120.92,
-        'ShipName': 'HILARION-Abastos',
-        'ShipAddress': 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        'ShipCity': 'San Cristóbal',
-        'ShipRegion': 'Táchira',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 11056,
-        'CustomerID': 'EASTC',
-        'OrderDate': '1998-04-28T18:30:00.000Z',
-        'ShippedDate': '1998-05-01T19:30:00.000Z',
-        'Freight': 278.96,
-        'ShipName': 'Eastern Connection',
-        'ShipAddress': '35 King George',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 11057,
-        'CustomerID': 'NORTS',
-        'OrderDate': '1998-04-29T20:30:00.000Z',
-        'ShippedDate': '1998-05-01T21:30:00.000Z',
-        'Freight': 4.13,
-        'ShipName': 'North/South',
-        'ShipAddress': 'South House 300 Queensbridge',
-        'ShipCity': 'London',
-        'ShipRegion': null,
-        'ShipCountry': 'UK'
-    },
-    {
-        'OrderID': 11058,
-        'CustomerID': 'BLAUS',
-        'OrderDate': '1998-04-29T22:30:00.000Z',
-        'ShippedDate': null,
-        'Freight': 31.14,
-        'ShipName': 'Blauer See Delikatessen',
-        'ShipAddress': 'Forsterstr. 57',
-        'ShipCity': 'Mannheim',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11059,
-        'CustomerID': 'RICAR',
-        'OrderDate': '1998-04-29T23:30:00.000Z',
-        'ShippedDate': null,
-        'Freight': 85.8,
-        'ShipName': 'Ricardo Adocicados',
-        'ShipAddress': 'Av. Copacabana, 267',
-        'ShipCity': 'Rio de Janeiro',
-        'ShipRegion': 'RJ',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 11060,
-        'CustomerID': 'FRANS',
-        'OrderDate': '1998-04-30T01:05:00.000Z',
-        'ShippedDate': '1998-05-04T02:05:00.000Z',
-        'Freight': 10.98,
-        'ShipName': 'Franchi S.p.A.',
-        'ShipAddress': 'Via Monte Bianco 34',
-        'ShipCity': 'Torino',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 11061,
-        'CustomerID': 'GREAL',
-        'OrderDate': '1998-04-30T03:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 14.01,
-        'ShipName': 'Great Lakes Food Market',
-        'ShipAddress': '2732 Baker Blvd.',
-        'ShipCity': 'Eugene',
-        'ShipRegion': 'OR',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11062,
-        'CustomerID': 'REGGC',
-        'OrderDate': '1998-04-30T04:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 29.93,
-        'ShipName': 'Reggiani Caseifici',
-        'ShipAddress': 'Strada Provinciale 124',
-        'ShipCity': 'Reggio Emilia',
-        'ShipRegion': null,
-        'ShipCountry': 'Italy'
-    },
-    {
-        'OrderID': 11063,
-        'CustomerID': 'HUNGO',
-        'OrderDate': '1998-04-30T05:05:00.000Z',
-        'ShippedDate': '1998-05-06T06:05:00.000Z',
-        'Freight': 81.73,
-        'ShipName': 'Hungry Owl All-Night Grocers',
-        'ShipAddress': '8 Johnstown Road',
-        'ShipCity': 'Cork',
-        'ShipRegion': 'Co. Cork',
-        'ShipCountry': 'Ireland'
-    },
-    {
-        'OrderID': 11064,
-        'CustomerID': 'SAVEA',
-        'OrderDate': '1998-05-01T07:05:00.000Z',
-        'ShippedDate': '1998-05-04T10:05:00.000Z',
-        'Freight': 30.09,
-        'ShipName': 'Save-a-lot Markets',
-        'ShipAddress': '187 Suffolk Ln.',
-        'ShipCity': 'Boise',
-        'ShipRegion': 'ID',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11065,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1998-05-01T11:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 12.91,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 11066,
-        'CustomerID': 'WHITC',
-        'OrderDate': '1998-05-01T12:05:00.000Z',
-        'ShippedDate': '1998-05-04T13:05:00.000Z',
-        'Freight': 44.72,
-        'ShipName': 'White Clover Markets',
-        'ShipAddress': '1029 - 12th Ave. S.',
-        'ShipCity': 'Seattle',
-        'ShipRegion': 'WA',
-        'ShipCountry': 'USA'
-    },
-    {
-        'OrderID': 11067,
-        'CustomerID': 'DRACD',
-        'OrderDate': '1998-05-04T14:05:00.000Z',
-        'ShippedDate': '1998-05-06T15:05:00.000Z',
-        'Freight': 7.98,
-        'ShipName': 'Drachenblut Delikatessen',
-        'ShipAddress': 'Walserweg 21',
-        'ShipCity': 'Aachen',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11068,
-        'CustomerID': 'QUEEN',
-        'OrderDate': '1998-05-04T16:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 81.75,
-        'ShipName': 'Queen Cozinha',
-        'ShipAddress': 'Alameda dos Canàrios, 891',
-        'ShipCity': 'Sao Paulo',
-        'ShipRegion': 'SP',
-        'ShipCountry': 'Brazil'
-    },
-    {
-        'OrderID': 11069,
-        'CustomerID': 'TORTU',
-        'OrderDate': '1998-05-04T17:05:00.000Z',
-        'ShippedDate': '1998-05-06T18:05:00.000Z',
-        'Freight': 15.67,
-        'ShipName': 'Tortuga Restaurante',
-        'ShipAddress': 'Avda. Azteca 123',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 11070,
-        'CustomerID': 'LEHMS',
-        'OrderDate': '1998-05-05T19:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 136,
-        'ShipName': 'Lehmanns Marktstand',
-        'ShipAddress': 'Magazinweg 7',
-        'ShipCity': 'Frankfurt a.M.',
-        'ShipRegion': null,
-        'ShipCountry': 'Germany'
-    },
-    {
-        'OrderID': 11071,
-        'CustomerID': 'LILAS',
-        'OrderDate': '1998-05-05T20:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 0.93,
-        'ShipName': 'LILA-Supermercado',
-        'ShipAddress': 'Carrera 52 con Ave. Bolívar #65-98 Llano Largo',
-        'ShipCity': 'Barquisimeto',
-        'ShipRegion': 'Lara',
-        'ShipCountry': 'Venezuela'
-    },
-    {
-        'OrderID': 11072,
-        'CustomerID': 'ERNSH',
-        'OrderDate': '1998-05-05T21:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 258.64,
-        'ShipName': 'Ernst Handel',
-        'ShipAddress': 'Kirchgasse 6',
-        'ShipCity': 'Graz',
-        'ShipRegion': null,
-        'ShipCountry': 'Austria'
-    },
-    {
-        'OrderID': 11073,
-        'CustomerID': 'PERIC',
-        'OrderDate': '1998-05-05T22:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 24.95,
-        'ShipName': 'Pericles Comidas clásicas',
-        'ShipAddress': 'Calle Dr. Jorge Cash 321',
-        'ShipCity': 'México D.F.',
-        'ShipRegion': null,
-        'ShipCountry': 'Mexico'
-    },
-    {
-        'OrderID': 11074,
-        'CustomerID': 'SIMOB',
-        'OrderDate': '1998-05-06T23:05:00.000Z',
-        'ShippedDate': null,
-        'Freight': 18.44,
-        'ShipName': 'Simons bistro',
-        'ShipAddress': 'Vinbæltet 34',
-        'ShipCity': 'Kobenhavn',
-        'ShipRegion': null,
-        'ShipCountry': 'Denmark'
-    },
-    {
-        'OrderID': 11075,
-        'CustomerID': 'RICSU',
-        'OrderDate': '1998-05-06T01:30:00.000Z',
-        'ShippedDate': null,
-        'Freight': 6.19,
-        'ShipName': 'Richter Supermarkt',
-        'ShipAddress': 'Starenweg 5',
-        'ShipCity': 'Genève',
-        'ShipRegion': null,
-        'ShipCountry': 'Switzerland'
-    },
-    {
-        'OrderID': 11076,
-        'CustomerID': 'BONAP',
-        'OrderDate': '1998-05-06T02:30:00.000Z',
-        'ShippedDate': null,
-        'Freight': 38.28,
-        'ShipName': 'Bon app',
-        'ShipAddress': '12, rue des Bouchers',
-        'ShipCity': 'Marseille',
-        'ShipRegion': null,
-        'ShipCountry': 'France'
-    },
-    {
-        'OrderID': 11077,
-        'CustomerID': 'RATTC',
-        'OrderDate': '1998-05-06T03:50:00.000Z',
-        'ShippedDate': null,
-        'Freight': 8.53,
-        'ShipName': 'Rattlesnake Canyon Grocery',
-        'ShipAddress': '2817 Milton Dr.',
-        'ShipCity': 'Albuquerque',
-        'ShipRegion': 'NM',
-        'ShipCountry': 'USA'
-    }];
-    exports.data = [
-        {
-           "OrderID":10248,
-           "CustomerID":"VINET",
-           "OrderDate":"1996-07-04T00:00:00.000Z",
-           "ShippedDate":"1996-07-16T00:00:00.000Z",
-           "Freight":32.38,
-           "ShipName":"Vins et alcools Chevalier",
-           "ShipAddress":"59 rue de l'Abbaye",
-           "ShipCity":"Reims",
-           "ShipRegion":null,
-           "ShipCountry":"France",
-           "Verified": true
-        },
-        {
-           "OrderID":10249,
-           "CustomerID":"TOMSP",
-           "OrderDate":"1996-07-05T00:00:00.000Z",
-           "ShippedDate":"1996-07-10T00:00:00.000Z",
-           "Freight":11.61,
-           "ShipName":"Toms Spezialitäten",
-           "ShipAddress":"Luisenstr. 48",
-           "ShipCity":"Münster",
-           "ShipRegion":null,
-           "ShipCountry":"Germany"
-        },
-        {
-           "OrderID":10250,
-           "CustomerID":"HANAR",
-           "OrderDate":"1996-07-08T00:00:00.000Z",
-           "ShippedDate":"1996-07-12T00:00:00.000Z",
-           "Freight":65.83,
-           "ShipName":"Hanari Carnes",
-           "ShipAddress":"Rua do Paço, 67",
-           "ShipCity":"Rio de Janeiro",
-           "ShipRegion":"RJ",
-           "ShipCountry":"Brazil",
-           "Verified": true
-        },
-        {
-           "OrderID":10251,
-           "CustomerID":"VICTE",
-           "OrderDate":"1996-07-08T00:00:00.000Z",
-           "ShippedDate":"1996-07-15T00:00:00.000Z",
-           "Freight":41.34,
-           "ShipName":"Victuailles en stock",
-           "ShipAddress":"2, rue du Commerce",
-           "ShipCity":"Lyon",
-           "ShipRegion":null,
-           "ShipCountry":"France",
-           "Verified": true
-        },
-        {
-           "OrderID":10252,
-           "CustomerID":"SUPRD",
-           "OrderDate":"1996-07-09T00:00:00.000Z",
-           "ShippedDate":"1996-07-11T00:00:00.000Z",
-           "Freight":51.3,
-           "ShipName":"Suprêmes délices",
-           "ShipAddress":"Boulevard Tirou, 255",
-           "ShipCity":"Charleroi",
-           "ShipRegion":null,
-           "ShipCountry":"Belgium"
-        },
-        {
-           "OrderID":10253,
-           "CustomerID":"HANAR",
-           "OrderDate":"1996-07-10T00:00:00.000Z",
-           "ShippedDate":"1996-07-16T00:00:00.000Z",
-           "Freight":58.17,
-           "ShipName":"Hanari Carnes",
-           "ShipAddress":"Rua do Paço, 67",
-           "ShipCity":"Rio de Janeiro",
-           "ShipRegion":"RJ",
-           "ShipCountry":"Brazil",
-           "Verified": true
-        },
-        {
-           "OrderID":10254,
-           "CustomerID":"CHOPS",
-           "OrderDate":"1996-07-11T00:00:00.000Z",
-           "ShippedDate":"1996-07-23T00:00:00.000Z",
-           "Freight":22.98,
-           "ShipName":"Chop-suey Chinese",
-           "ShipAddress":"Hauptstr. 31",
-           "ShipCity":"Bern",
-           "ShipRegion":null,
-           "ShipCountry":"Switzerland",
-           "Verified": true
-        },
-        {
-           "OrderID":10255,
-           "CustomerID":"RICSU",
-           "OrderDate":"1996-07-12T00:00:00.000Z",
-           "ShippedDate":"1996-07-15T00:00:00.000Z",
-           "Freight":148.33,
-           "ShipName":"Richter Supermarkt",
-           "ShipAddress":"Starenweg 5",
-           "ShipCity":"Genève",
-           "ShipRegion":null,
-           "ShipCountry":"Switzerland"
-        },
-        {
-           "OrderID":10256,
-           "CustomerID":"WELLI",
-           "OrderDate":"1996-07-15T00:00:00.000Z",
-           "ShippedDate":"1996-07-17T00:00:00.000Z",
-           "Freight":13.97,
-           "ShipName":"Wellington Importadora",
-           "ShipAddress":"Rua do Mercado, 12",
-           "ShipCity":"Resende",
-           "ShipRegion":"SP",
-           "ShipCountry":"Brazil"
-        },
-        {
-           "OrderID":10257,
-           "CustomerID":"HILAA",
-           "OrderDate":"1996-07-16T00:00:00.000Z",
-           "ShippedDate":"1996-07-22T00:00:00.000Z",
-           "Freight":81.91,
-           "ShipName":"HILARION-Abastos",
-           "ShipAddress":"Carrera 22 con Ave. Carlos Soublette #8-35",
-           "ShipCity":"San Cristóbal",
-           "ShipRegion":"Táchira",
-           "ShipCountry":"Venezuela"
-        },
-        {
-           "OrderID":10258,
-           "CustomerID":"ERNSH",
-           "OrderDate":"1996-07-17T00:00:00.000Z",
-           "ShippedDate":"1996-07-23T00:00:00.000Z",
-           "Freight":140.51,
-           "ShipName":"Ernst Handel",
-           "ShipAddress":"Kirchgasse 6",
-           "ShipCity":"Graz",
-           "ShipRegion":null,
-           "ShipCountry":"Austria"
-        },
-        {
-           "OrderID":10259,
-           "CustomerID":"CENTC",
-           "OrderDate":"1996-07-18T00:00:00.000Z",
-           "ShippedDate":"1996-07-25T00:00:00.000Z",
-           "Freight":3.25,
-           "ShipName":"Centro comercial Moctezuma",
-           "ShipAddress":"Sierras de Granada 9993",
-           "ShipCity":"México D.F.",
-           "ShipRegion":null,
-           "ShipCountry":"Mexico",
-           "Verified": true
-        },
-        {
-           "OrderID":10260,
-           "CustomerID":"OTTIK",
-           "OrderDate":"1996-07-19T00:00:00.000Z",
-           "ShippedDate":"1996-07-29T00:00:00.000Z",
-           "Freight":55.09,
-           "ShipName":"Ottilies Käseladen",
-           "ShipAddress":"Mehrheimerstr. 369",
-           "ShipCity":"Köln",
-           "ShipRegion":null,
-           "ShipCountry":"Germany",
-           "Verified": true
-        },
-        {
-           "OrderID":10261,
-           "CustomerID":"QUEDE",
-           "OrderDate":"1996-07-19T00:00:00.000Z",
-           "ShippedDate":"1996-07-30T00:00:00.000Z",
-           "Freight":3.05,
-           "ShipName":"Que Delícia",
-           "ShipAddress":"Rua da Panificadora, 12",
-           "ShipCity":"Rio de Janeiro",
-           "ShipRegion":"RJ",
-           "ShipCountry":"Brazil"
-        },
-        {
-           "OrderID":10262,
-           "CustomerID":"RATTC",
-           "OrderDate":"1996-07-22T00:00:00.000Z",
-           "ShippedDate":"1996-07-25T00:00:00.000Z",
-           "Freight":48.29,
-           "ShipName":"Rattlesnake Canyon Grocery",
-           "ShipAddress":"2817 Milton Dr.",
-           "ShipCity":"Albuquerque",
-           "ShipRegion":"NM",
-           "ShipCountry":"USA",
-           "Verified": true
-        },
-        {
-           "OrderID":10263,
-           "CustomerID":"ERNSH",
-           "OrderDate":"1996-07-23T00:00:00.000Z",
-           "ShippedDate":"1996-07-31T00:00:00.000Z",
-           "Freight":146.06,
-           "ShipName":"Ernst Handel",
-           "ShipAddress":"Kirchgasse 6",
-           "ShipCity":"Graz",
-           "ShipRegion":null,
-           "Verified": true,
-           "ShipCountry":"Austria"
-        },
-        {
-           "OrderID":10264,
-           "CustomerID":"FOLKO",
-           "OrderDate":"1996-07-24T00:00:00.000Z",
-           "ShippedDate":"1996-08-23T00:00:00.000Z",
-           "Freight":3.67,
-           "ShipName":"Folk och fä HB",
-           "ShipAddress":"Åkergatan 24",
-           "ShipCity":"Bräcke",
-           "ShipRegion":null,
-           "ShipCountry":"Sweden"
-        },
-        {
-           "OrderID":10265,
-           "CustomerID":"BLONP",
-           "OrderDate":"1996-07-25T00:00:00.000Z",
-           "ShippedDate":"1996-08-12T00:00:00.000Z",
-           "Freight":55.28,
-           "ShipName":"Blondel père et fils",
-           "ShipAddress":"24, place Kléber",
-           "ShipCity":"Strasbourg",
-           "ShipRegion":null,
-           "ShipCountry":"France"
-        },
-        {
-           "OrderID":10266,
-           "CustomerID":"WARTH",
-           "OrderDate":"1996-07-26T00:00:00.000Z",
-           "ShippedDate":"1996-07-31T00:00:00.000Z",
-           "Freight":25.73,
-           "ShipName":"Wartian Herkku",
-           "ShipAddress":"Torikatu 38",
-           "ShipCity":"Oulu",
-           "ShipRegion":null,
-           "ShipCountry":"Finland"
-        },
-        {
-           "OrderID":10267,
-           "CustomerID":"FRANK",
-           "OrderDate":"1996-07-29T00:00:00.000Z",
-           "ShippedDate":"1996-08-06T00:00:00.000Z",
-           "Freight":208.58,
-           "ShipName":"Frankenversand",
-           "ShipAddress":"Berliner Platz 43",
-           "ShipCity":"München",
-           "ShipRegion":null,
-           "ShipCountry":"Germany",
-           "Verified": true
-        },
-        {
-           "OrderID":10268,
-           "CustomerID":"GROSR",
-           "OrderDate":"1996-07-30T00:00:00.000Z",
-           "ShippedDate":"1996-08-02T00:00:00.000Z",
-           "Freight":66.29,
-           "ShipName":"GROSELLA-Restaurante",
-           "ShipAddress":"5ª Ave. Los Palos Grandes",
-           "ShipCity":"Caracas",
-           "ShipRegion":"DF",
-           "ShipCountry":"Venezuela"
-        },
-        {
-           "OrderID":10269,
-           "CustomerID":"WHITC",
-           "OrderDate":"1996-07-31T00:00:00.000Z",
-           "ShippedDate":"1996-08-09T00:00:00.000Z",
-           "Freight":4.56,
-           "ShipName":"White Clover Markets",
-           "ShipAddress":"1029 - 12th Ave. S.",
-           "ShipCity":"Seattle",
-           "ShipRegion":"WA",
-           "ShipCountry":"USA"
-        },
-        {
-           "OrderID":10270,
-           "CustomerID":"WARTH",
-           "OrderDate":"1996-08-01T00:00:00.000Z",
-           "ShippedDate":"1996-08-02T00:00:00.000Z",
-           "Freight":136.54,
-           "ShipName":"Wartian Herkku",
-           "ShipAddress":"Torikatu 38",
-           "ShipCity":"Oulu",
-           "ShipRegion":null,
-           "ShipCountry":"Finland"
-        },
-        {
-           "OrderID":10271,
-           "CustomerID":"SPLIR",
-           "OrderDate":"1996-08-01T00:00:00.000Z",
-           "ShippedDate":"1996-08-30T00:00:00.000Z",
-           "Freight":4.54,
-           "ShipName":"Split Rail Beer & Ale",
-           "ShipAddress":"P.O. Box 555",
-           "ShipCity":"Lander",
-           "ShipRegion":"WY",
-           "ShipCountry":"USA"
-        },
-        {
-           "OrderID":10272,
-           "CustomerID":"RATTC",
-           "OrderDate":"1996-08-02T00:00:00.000Z",
-           "ShippedDate":"1996-08-06T00:00:00.000Z",
-           "Freight":98.03,
-           "ShipName":"Rattlesnake Canyon Grocery",
-           "ShipAddress":"2817 Milton Dr.",
-           "ShipCity":"Albuquerque",
-           "ShipRegion":"NM",
-           "ShipCountry":"USA"
-        },
-        {
-           "OrderID":10273,
-           "CustomerID":"QUICK",
-           "OrderDate":"1996-08-05T00:00:00.000Z",
-           "ShippedDate":"1996-08-12T00:00:00.000Z",
-           "Freight":76.07,
-           "ShipName":"QUICK-Stop",
-           "ShipAddress":"Taucherstraße 10",
-           "ShipCity":"Cunewalde",
-           "ShipRegion":null,
-           "ShipCountry":"Germany"
-        },
-        {
-           "OrderID":10274,
-           "CustomerID":"VINET",
-           "OrderDate":"1996-08-06T00:00:00.000Z",
-           "ShippedDate":"1996-08-16T00:00:00.000Z",
-           "Freight":6.01,
-           "ShipName":"Vins et alcools Chevalier",
-           "ShipAddress":"59 rue de l'Abbaye",
-           "ShipCity":"Reims",
-           "ShipRegion":null,
-           "ShipCountry":"France"
-        },
-        {
-           "OrderID":10275,
-           "CustomerID":"MAGAA",
-           "OrderDate":"1996-08-07T00:00:00.000Z",
-           "ShippedDate":"1996-08-09T00:00:00.000Z",
-           "Freight":26.93,
-           "ShipName":"Magazzini Alimentari Riuniti",
-           "ShipAddress":"Via Ludovico il Moro 22",
-           "ShipCity":"Bergamo",
-           "ShipRegion":null,
-           "ShipCountry":"Italy"
-        },
-        {
-           "OrderID":10276,
-           "CustomerID":"TORTU",
-           "OrderDate":"1996-08-08T00:00:00.000Z",
-           "ShippedDate":"1996-08-14T00:00:00.000Z",
-           "Freight":13.84,
-           "ShipName":"Tortuga Restaurante",
-           "ShipAddress":"Avda. Azteca 123",
-           "ShipCity":"México D.F.",
-           "ShipRegion":null,
-           "ShipCountry":"Mexico"
-        },
-        {
-           "OrderID":10277,
-           "CustomerID":"MORGK",
-           "OrderDate":"1996-08-09T00:00:00.000Z",
-           "ShippedDate":"1996-08-13T00:00:00.000Z",
-           "Freight":125.77,
-           "ShipName":"Morgenstern Gesundkost",
-           "ShipAddress":"Heerstr. 22",
-           "ShipCity":"Leipzig",
-           "ShipRegion":null,
-           "ShipCountry":"Germany",
-           "Verified": true
-        },
-        {
-           "OrderID":10278,
-           "CustomerID":"BERGS",
-           "OrderDate":"1996-08-12T00:00:00.000Z",
-           "ShippedDate":"1996-08-16T00:00:00.000Z",
-           "Freight":92.69,
-           "ShipName":"Berglunds snabbköp",
-           "ShipAddress":"Berguvsvägen  8",
-           "ShipCity":"Luleå",
-           "ShipRegion":null,
-           "ShipCountry":"Sweden"
-        },
-        {
-           "OrderID":10279,
-           "CustomerID":"LEHMS",
-           "OrderDate":"1996-08-13T00:00:00.000Z",
-           "ShippedDate":"1996-08-16T00:00:00.000Z",
-           "Freight":25.83,
-           "ShipName":"Lehmanns Marktstand",
-           "ShipAddress":"Magazinweg 7",
-           "ShipCity":"Frankfurt a.M.",
-           "ShipRegion":null,
-           "ShipCountry":"Germany"
-        },
-        {
-           "OrderID":10280,
-           "CustomerID":"BERGS",
-           "OrderDate":"1996-08-14T00:00:00.000Z",
-           "ShippedDate":"1996-09-12T00:00:00.000Z",
-           "Freight":8.98,
-           "ShipName":"Berglunds snabbköp",
-           "ShipAddress":"Berguvsvägen  8",
-           "ShipCity":"Luleå",
-           "ShipRegion":null,
-           "ShipCountry":"Sweden",
-           "Verified": true
-        },
-        {
-           "OrderID":10281,
-           "CustomerID":"ROMEY",
-           "OrderDate":"1996-08-14T00:00:00.000Z",
-           "ShippedDate":"1996-08-21T00:00:00.000Z",
-           "Freight":2.94,
-           "ShipName":"Romero y tomillo",
-           "ShipAddress":"Gran Vía, 1",
-           "ShipCity":"Madrid",
-           "ShipRegion":null,
-           "ShipCountry":"Spain"
-        },
-        {
-           "OrderID":10282,
-           "CustomerID":"ROMEY",
-           "OrderDate":"1996-08-15T00:00:00.000Z",
-           "ShippedDate":"1996-08-21T00:00:00.000Z",
-           "Freight":12.69,
-           "ShipName":"Romero y tomillo",
-           "ShipAddress":"Gran Vía, 1",
-           "ShipCity":"Madrid",
-           "ShipRegion":null,
-           "ShipCountry":"Spain"
-        },
-        {
-           "OrderID":10283,
-           "CustomerID":"LILAS",
-           "OrderDate":"1996-08-16T00:00:00.000Z",
-           "ShippedDate":"1996-08-23T00:00:00.000Z",
-           "Freight":84.81,
-           "ShipName":"LILA-Supermercado",
-           "ShipAddress":"Carrera 52 con Ave. Bolívar #65-98 Llano Largo",
-           "ShipCity":"Barquisimeto",
-           "ShipRegion":"Lara",
-           "ShipCountry":"Venezuela"
-        },
-        {
-           "OrderID":10284,
-           "CustomerID":"LEHMS",
-           "OrderDate":"1996-08-19T00:00:00.000Z",
-           "ShippedDate":"1996-08-27T00:00:00.000Z",
-           "Freight":76.56,
-           "ShipName":"Lehmanns Marktstand",
-           "ShipAddress":"Magazinweg 7",
-           "ShipCity":"Frankfurt a.M.",
-           "ShipRegion":null,
-           "ShipCountry":"Germany",
-           "Verified": true
-        },
-        {
-           "OrderID":10285,
-           "CustomerID":"QUICK",
-           "OrderDate":"1996-08-20T00:00:00.000Z",
-           "ShippedDate":"1996-08-26T00:00:00.000Z",
-           "Freight":76.83,
-           "ShipName":"QUICK-Stop",
-           "ShipAddress":"Taucherstraße 10",
-           "ShipCity":"Cunewalde",
-           "ShipRegion":null,
-           "ShipCountry":"Germany"
-        },
-        {
-           "OrderID":10286,
-           "CustomerID":"QUICK",
-           "OrderDate":"1996-08-21T00:00:00.000Z",
-           "ShippedDate":"1996-08-30T00:00:00.000Z",
-           "Freight":229.24,
-           "ShipName":"QUICK-Stop",
-           "ShipAddress":"Taucherstraße 10",
-           "ShipCity":"Cunewalde",
-           "ShipRegion":null,
-           "ShipCountry":"Germany"
-        },
-        {
-           "OrderID":10287,
-           "CustomerID":"RICAR",
-           "OrderDate":"1996-08-22T00:00:00.000Z",
-           "ShippedDate":"1996-08-28T00:00:00.000Z",
-           "Freight":12.76,
-           "ShipName":"Ricardo Adocicados",
-           "ShipAddress":"Av. Copacabana, 267",
-           "ShipCity":"Rio de Janeiro",
-           "ShipRegion":"RJ",
-           "ShipCountry":"Brazil"
-        },
-        {
-           "OrderID":10288,
-           "CustomerID":"REGGC",
-           "OrderDate":"1996-08-23T00:00:00.000Z",
-           "ShippedDate":"1996-09-03T00:00:00.000Z",
-           "Freight":7.45,
-           "ShipName":"Reggiani Caseifici",
-           "ShipAddress":"Strada Provinciale 124",
-           "ShipCity":"Reggio Emilia",
-           "ShipRegion":null,
-           "ShipCountry":"Italy"
-        },
-        {
-           "OrderID":10289,
-           "CustomerID":"BSBEV",
-           "OrderDate":"1996-08-26T00:00:00.000Z",
-           "ShippedDate":"1996-08-28T00:00:00.000Z",
-           "Freight":22.77,
-           "ShipName":"B's Beverages",
-           "ShipAddress":"Fauntleroy Circus",
-           "ShipCity":"London",
-           "ShipRegion":null,
-           "ShipCountry":"UK"
-        },
-        {
-           "OrderID":10290,
-           "CustomerID":"COMMI",
-           "OrderDate":"1996-08-27T00:00:00.000Z",
-           "ShippedDate":"1996-09-03T00:00:00.000Z",
-           "Freight":79.7,
-           "ShipName":"Comércio Mineiro",
-           "ShipAddress":"Av. dos Lusíadas, 23",
-           "ShipCity":"Sao Paulo",
-           "ShipRegion":"SP",
-           "ShipCountry":"Brazil"
-        },
-        {
-           "OrderID":10291,
-           "CustomerID":"QUEDE",
-           "OrderDate":"1996-08-27T00:00:00.000Z",
-           "ShippedDate":"1996-09-04T00:00:00.000Z",
-           "Freight":6.4,
-           "ShipName":"Que Delícia",
-           "ShipAddress":"Rua da Panificadora, 12",
-           "ShipCity":"Rio de Janeiro",
-           "ShipRegion":"RJ",
-           "ShipCountry":"Brazil"
-        },
-        {
-           "OrderID":10292,
-           "CustomerID":"TRADH",
-           "OrderDate":"1996-08-28T00:00:00.000Z",
-           "ShippedDate":"1996-09-02T00:00:00.000Z",
-           "Freight":1.35,
-           "ShipName":"Tradiçao Hipermercados",
-           "ShipAddress":"Av. Inês de Castro, 414",
-           "ShipCity":"Sao Paulo",
-           "ShipRegion":"SP",
-           "ShipCountry":"Brazil"
-        },
-        {
-           "OrderID":10293,
-           "CustomerID":"TORTU",
-           "OrderDate":"1996-08-29T00:00:00.000Z",
-           "ShippedDate":"1996-09-11T00:00:00.000Z",
-           "Freight":21.18,
-           "ShipName":"Tortuga Restaurante",
-           "ShipAddress":"Avda. Azteca 123",
-           "ShipCity":"México D.F.",
-           "ShipRegion":null,
-           "ShipCountry":"Mexico"
-        },
-        {
-           "OrderID":10294,
-           "CustomerID":"RATTC",
-           "OrderDate":"1996-08-30T00:00:00.000Z",
-           "ShippedDate":"1996-09-05T00:00:00.000Z",
-           "Freight":147.26,
-           "ShipName":"Rattlesnake Canyon Grocery",
-           "ShipAddress":"2817 Milton Dr.",
-           "ShipCity":"Albuquerque",
-           "ShipRegion":"NM",
-           "ShipCountry":"USA"
-        }];
-});
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/image.js b/ej2-vue/code-snippet/grid/pdf/default-cs17/image.js
deleted file mode 100644
index aa471c70d..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/image.js
+++ /dev/null
@@ -1 +0,0 @@
-export var image = "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";
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs17/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs17/index.js b/ej2-vue/code-snippet/grid/pdf/default-cs17/index.js
deleted file mode 100644
index d0e008b32..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs17/index.js
+++ /dev/null
@@ -1,57 +0,0 @@
-
-import Vue from "vue";
-import { GridPlugin, Toolbar, PdfExport, ExcelExport } from "@syncfusion/ej2-vue-grids";
-import { Query } from "@syncfusion/ej2-data";
-import { data } from './datasource.js';
-
-Vue.use(GridPlugin);
-
-
-new Vue({
-	el: '#app',
-	template: `
-    <div id="app">
-        <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :allowExcelExport='true' :excelExportComplete='excelExportComplete' :pdfExportComplete='pdfExportComplete' :toolbarClick='toolbarClick'>
-            <e-columns>
-                <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=120></e-column>
-                <e-column field='CustomerID' headerText='Customer ID' :visible='false' width=150></e-column>
-                <e-column field='ShipCity' headerText='Ship City' width=150></e-column>
-                <e-column field='ShipName' headerText='Ship Name' width=150></e-column>
-            </e-columns>
-        </ejs-grid>
-    </div>
-`,
-
-  data() {
-    return {
-      data: data,
-      toolbarOptions: ['PdfExport', 'ExcelExport'],
-      queryClone: ""
-    };
-  },
-  methods: {
-    toolbarClick(args) {
-        if (args.item.id === 'Grid_pdfexport') {
-            debugger
-            this.queryClone = this.$refs.grid.query;
-            this.$refs.grid.query = new Query().addParams("recordcount", "12")
-            this.$refs.grid.pdfExport();
-        }
-        else if (args.item.id === 'Grid_excelexport') {
-            this.queryClone = this.$refs.grid.query;
-            this.$refs.grid.query = new Query().addParams("recordcount", "12")
-            this.$refs.grid.excelExport();
-        }
-    }
-    pdfExportComplete(args) {
-        this.$refs.grid.query = this.queryClone();
-    }
-    excelExportComplete(args) {
-        this.$refs.grid.query = this.queryClone();
-    }
-  },
-  provide: {
-    grid: [Toolbar, PdfExport, ExcelExport]
-  }
-
-});
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs3/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs3/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs3/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs4/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs4/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs4/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs4/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs4/index.html
index ab6507fad..efd5419b8 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs4/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs4/index.html
@@ -11,7 +11,7 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
+    
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs5/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs5/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs5/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs5/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs5/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs5/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs7/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs7/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs7/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs7/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs7/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs7/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs7/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs8/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs8/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs8/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs8/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs8/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs8/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs8/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs9/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/default-cs9/app-composition.vue
index dc88a84f0..034ac712f 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs9/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs9/app-composition.vue
@@ -24,7 +24,7 @@ const grid = ref(null);
         grid.value.pdfExport();
       }
     }
-    const pdfExportComplete = (args) => {
+    const pdfExportComplete = () => {
       grid.value.getColumns()[1].visible = false;
       grid.value.getColumns()[3].visible = true;
     }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs9/app.vue b/ej2-vue/code-snippet/grid/pdf/default-cs9/app.vue
index 61efb872b..f9f062475 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs9/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs9/app.vue
@@ -36,7 +36,7 @@ components: {
         this.$refs.grid.pdfExport();
       }
     },
-    pdfExportComplete(args) {
+    pdfExportComplete() {
       this.$refs.grid.getColumns()[1].visible = false;
       this.$refs.grid.getColumns()[3].visible = true;
     }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs9/index.css b/ej2-vue/code-snippet/grid/pdf/default-cs9/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-cs9/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs9/index.html b/ej2-vue/code-snippet/grid/pdf/default-cs9/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs9/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs9/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/default-cs9/index.js b/ej2-vue/code-snippet/grid/pdf/default-cs9/index.js
index b8d65e829..32decb479 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-cs9/index.js
+++ b/ej2-vue/code-snippet/grid/pdf/default-cs9/index.js
@@ -36,7 +36,7 @@ new Vue({
             this.$refs.grid.pdfExport();
         }
     },
-    pdfExportComplete(args) {
+    pdfExportComplete() {
         this.$refs.grid.getColumns()[1].visible = false;
         this.$refs.grid.getColumns()[3].visible = true;
     }
diff --git a/ej2-vue/code-snippet/grid/pdf/default-font/index.css b/ej2-vue/code-snippet/grid/pdf/default-font/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/pdf/default-font/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/pdf/default-font/index.html b/ej2-vue/code-snippet/grid/pdf/default-font/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/default-font/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/default-font/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.css b/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.html b/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/export-customizing-columns/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.css b/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.html b/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/export-grid-as-blob-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app-composition.vue
index 9825000b1..95cfc5df9 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app-composition.vue
@@ -6,8 +6,8 @@
       width="150" :dataSource="ddlData" :fields='fields'
       ></ejs-dropdownlist>
     </div>
-    <ejs-grid ref='grid' id='Grid' :dataSource='data'  :toolbar='toolbarOptions' height='272px'
-      :allowPdfExport='true' :toolbarClick='toolbarClick' :childGrid='childGrid'>
+    <ejs-grid ref='grid' id='Grid' :dataSource='employeeData'  :toolbar='toolbarOptions' height='272px'
+      :allowPdfExport='true' :toolbarClick='toolbarClick' :childGrid='childGrid' style='margin-top:10px'>
       <e-columns>
         <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=90></e-column>
         <e-column field='FirstName' headerText='FirstName' width=100></e-column>
@@ -19,8 +19,10 @@
 </template>
 <script setup>
 import { provide, ref } from "vue";
-import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
-import { data } from './datasource.js';
+import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport, DetailRow } from "@syncfusion/ej2-vue-grids";
+import { DropDownListComponent as EjsDropdownlist } from "@syncfusion/ej2-vue-dropdowns";
+import { data, employeeData } from './datasource.js';
+const dropdown = ref(null);
 const grid = ref(null);
       const toolbarOptions = ['PdfExport'];
       const fields = { text: 'text', value: 'value' };
@@ -42,12 +44,12 @@ const grid = ref(null);
     const toolbarClick = (args) => {
       if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
         var exportProperties = {
-          hierarchyExportMode: this.$refs.dropdown.$el.value,
+          hierarchyExportMode: dropdown.value.ej2Instances.value,
         };
         grid.value.pdfExport(exportProperties);
       }
     }
-  provide('grid',  [Toolbar, PdfExport]);
+  provide('grid',  [Toolbar, PdfExport, DetailRow]);
 </script>
 <style>
   @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
diff --git a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app.vue b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app.vue
index 3387f50ee..3c9f91b8b 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/app.vue
@@ -7,7 +7,7 @@
       ></ejs-dropdownlist>
     </div>
     <ejs-grid ref='grid' id='Grid' :dataSource='data'  :toolbar='toolbarOptions' height='272px'
-      :allowPdfExport='true' :toolbarClick='toolbarClick' :childGrid='childGrid'>
+      :allowPdfExport='true' :toolbarClick='toolbarClick' :childGrid='childGrid' style='margin-top:10px'>
       <e-columns>
         <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=90></e-column>
         <e-column field='FirstName' headerText='FirstName' width=100></e-column>
@@ -19,12 +19,13 @@
 </template>
 <script>
 
-import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
-import { data } from './datasource.js';
+import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, PdfExport, DetailRow } from "@syncfusion/ej2-vue-grids";
+import { DropDownListComponent } from "@syncfusion/ej2-vue-dropdowns";
+import { data, employeeData } from './datasource.js';
 export default {
 name: "App",
 components: {
-"ejs-dropdownlist":DropdownlistComponent,
+"ejs-dropdownlist":DropDownListComponent,
 "ejs-grid":GridComponent,
 "e-columns":ColumnsDirective,
 "e-column":ColumnDirective
@@ -55,14 +56,14 @@ components: {
     toolbarClick(args) {
       if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
         var exportProperties = {
-          hierarchyExportMode: this.$refs.dropdown.$el.value,
+          hierarchyExportMode: this.$refs.dropdown.ej2Instances.value,
         };
         this.$refs.grid.pdfExport(exportProperties);
       }
     }
   },
   provide: {
-    grid: [Toolbar, PdfExport]
+    grid: [Toolbar, PdfExport, DetailRow]
   }
 }
 </script>
diff --git a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.css b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.html b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.js b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.js
index 9474febaf..777fc00ae 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.js
+++ b/ej2-vue/code-snippet/grid/pdf/export-hierarchy-grid/index.js
@@ -19,7 +19,7 @@ new Vue({
         ></ejs-dropdownlist>
       </div>
       <ejs-grid style="margin-top: 10px" ref='grid' id='Grid' :dataSource='data'  :toolbar='toolbarOptions' height='272px'
-       :allowPdfExport='true' :toolbarClick='toolbarClick' :childGrid='childGrid'>
+       :allowPdfExport='true' :toolbarClick='toolbarClick' :childGrid='childGrid' style='margin-top:10px'>
         <e-columns>
           <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=90></e-column>
           <e-column field='FirstName' headerText='FirstName' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.css b/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.html b/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/export-remove-header/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-span-data/index.css b/ej2-vue/code-snippet/grid/pdf/export-span-data/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/export-span-data/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-span-data/index.html b/ej2-vue/code-snippet/grid/pdf/export-span-data/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-span-data/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/export-span-data/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.css b/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.html b/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/export-with-custom-date/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app-composition.vue b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app-composition.vue
index 372ab3504..607a30e8f 100644
--- a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app-composition.vue
@@ -4,7 +4,7 @@
       <label style="margin-right:5px">
         Enable or disable Horizontal Overflow property
       </label>
-      <ejs-switch ref='switch1' id="switch"></ejs-switch>
+      <ejs-switch ref='switchref' id="switch"></ejs-switch>
     </div>
     <ejs-grid ref='grid' id='Grid' style="margin-top: 5px" :dataSource='data' :allowPdfExport='true'
       :toolbar='toolbarOptions' :toolbarClick='toolbarClick' height='258px'>
@@ -27,12 +27,12 @@ import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective
 import { SwitchComponent as EjsSwitch } from "@syncfusion/ej2-vue-buttons";
 import { data } from './datasource.js';
 const grid = ref(null);
-const switch1 = ref(null);
+const switchref = ref(null);
 const toolbarOptions = ["PdfExport"];
 const toolbarClick = (args) => {
   if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
     let pdfExportProperties = {
-      allowHorizontalOverflow: !switch1.$el.checked
+      allowHorizontalOverflow: !switchref.value.ej2Instances.checked
     };
     grid.value.pdfExport(pdfExportProperties);
   }
diff --git a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app.vue b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app.vue
index 43f7303c3..3855dc5f3 100644
--- a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app.vue
+++ b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/app.vue
@@ -43,7 +43,7 @@ components: {
     toolbarClick(args) {
       if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
         let pdfExportProperties = {
-          allowHorizontalOverflow: !this.$refs.switch.$el.checked
+          allowHorizontalOverflow: !this.$refs.switch.ej2Instances.checked
         };
         this.$refs.grid.pdfExport(pdfExportProperties);
       }
diff --git a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.css b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.html b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/horizontal-overflow/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.css b/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.html b/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/multiple-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.css b/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.html b/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/pdf/multiple-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs3/index.css b/ej2-vue/code-snippet/grid/search/default-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs3/index.html b/ej2-vue/code-snippet/grid/search/default-cs3/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs4/index.css b/ej2-vue/code-snippet/grid/search/default-cs4/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs4/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs4/index.html b/ej2-vue/code-snippet/grid/search/default-cs4/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs4/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs4/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs5/app-composition.vue b/ej2-vue/code-snippet/grid/search/default-cs5/app-composition.vue
index ae4a967c6..79ee178d5 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs5/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/search/default-cs5/app-composition.vue
@@ -2,9 +2,9 @@
   <div id="app">
     <div style="display: inline-block;">
       <ejs-textbox ref='textbox' placeholder="Search" width='250px'></ejs-textbox>
-      <ejs-button id='search' v-on:click='search'>Search</ejs-button>
+      <ejs-button style="margin-left:5px" id='search' v-on:click='search'>Search</ejs-button>
     </div>
-    <ejs-grid ref='grid' :dataSource='data' height='262px'>
+    <ejs-grid style="margin-top: 5px" ref='grid' :dataSource='data' height='262px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=100></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
@@ -16,7 +16,7 @@
 </template>
 <script setup>
 import { provide, ref } from "vue";
-import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
+import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Search } from "@syncfusion/ej2-vue-grids";
 import { ButtonComponent as EjsButton } from '@syncfusion/ej2-vue-buttons';
 import { TextBoxComponent as EjsTextbox } from '@syncfusion/ej2-vue-inputs';
 import { data } from './datasource.js'
diff --git a/ej2-vue/code-snippet/grid/search/default-cs5/app.vue b/ej2-vue/code-snippet/grid/search/default-cs5/app.vue
index 1e35e7d28..972cc85f6 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs5/app.vue
+++ b/ej2-vue/code-snippet/grid/search/default-cs5/app.vue
@@ -2,9 +2,9 @@
     <div id="app">
         <div style="display: inline-block;">
           <ejs-textbox ref='textbox' placeholder="Search" width='250px'></ejs-textbox>
-          <ejs-button id='search' v-on:click='search'>Search</ejs-button>
+          <ejs-button style="margin-left:5px" id='search' v-on:click='search'>Search</ejs-button>
         </div>
-        <ejs-grid ref='grid' :dataSource='data' height='262px'>
+        <ejs-grid style="margin-top: 5px" ref='grid' :dataSource='data' height='262px'>
             <e-columns>
                 <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=100></e-column>
                 <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
@@ -16,7 +16,7 @@
 </template>
 <script>
 
-import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
+import { GridComponent, ColumnsDirective, ColumnDirective, Search } from "@syncfusion/ej2-vue-grids";
 import { ButtonComponent } from '@syncfusion/ej2-vue-buttons';
 import { TextBoxComponent } from '@syncfusion/ej2-vue-inputs';
 import { data } from './datasource.js'
diff --git a/ej2-vue/code-snippet/grid/search/default-cs5/index.css b/ej2-vue/code-snippet/grid/search/default-cs5/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs5/index.html b/ej2-vue/code-snippet/grid/search/default-cs5/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs5/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs5/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs5/index.js b/ej2-vue/code-snippet/grid/search/default-cs5/index.js
index 510b01641..c7b53f7ec 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs5/index.js
+++ b/ej2-vue/code-snippet/grid/search/default-cs5/index.js
@@ -1,6 +1,6 @@
 
 import Vue from "vue";
-import { GridPlugin, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
+import { GridPlugin, Search } from "@syncfusion/ej2-vue-grids";
 import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
 import { TextBoxPlugin } from '@syncfusion/ej2-vue-inputs';
 import { data } from './datasource.js'
@@ -15,9 +15,9 @@ new Vue({
     <div id="app">
         <div style="display: inline-block;">
           <ejs-textbox ref='textbox'placeholder="Search" width='250px'></ejs-textbox>
-          <ejs-button id='search' v-on:click='search'>Search</ejs-button>
+          <ejs-button id='search' style="margin-left:5px" v-on:click.native='search'>Search</ejs-button>
         </div>
-        <ejs-grid ref='grid' style="padding-top: 5px" :dataSource='data' height='262px'>
+        <ejs-grid ref='grid' style="margin-top: 5px" :dataSource='data' height='262px'>
             <e-columns>
                 <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
                 <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/search/default-cs6/index.css b/ej2-vue/code-snippet/grid/search/default-cs6/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs6/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs6/index.html b/ej2-vue/code-snippet/grid/search/default-cs6/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs6/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs6/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs7/index.css b/ej2-vue/code-snippet/grid/search/default-cs7/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs7/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs7/index.html b/ej2-vue/code-snippet/grid/search/default-cs7/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs7/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs7/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs7/index.js b/ej2-vue/code-snippet/grid/search/default-cs7/index.js
index c59726e9a..9044b883b 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs7/index.js
+++ b/ej2-vue/code-snippet/grid/search/default-cs7/index.js
@@ -12,7 +12,7 @@ new Vue({
 	el: '#app',
 	template: `
     <div id="app">
-        <ejs-button id='clear' @click='clear'>Clear Search</ejs-button>
+        <ejs-button id='clear' @click.native='clear'>Clear Search</ejs-button>
         <ejs-grid ref='grid' style="margin-top:5px" :dataSource='data' :searchSettings='searchOptions' :toolbar='toolbarOptions' height='262px'>
             <e-columns>
                 <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=100></e-column>
diff --git a/ej2-vue/code-snippet/grid/search/default-cs8/index.css b/ej2-vue/code-snippet/grid/search/default-cs8/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs8/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs8/index.html b/ej2-vue/code-snippet/grid/search/default-cs8/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs8/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs8/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs9/app-composition.vue b/ej2-vue/code-snippet/grid/search/default-cs9/app-composition.vue
index 495e70d4e..ca7130f1d 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs9/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/search/default-cs9/app-composition.vue
@@ -20,8 +20,7 @@ import { data } from './datasource.js';
 import { Predicate, Query } from "@syncfusion/ej2-data";
 const grid = ref(null);
 let values = "";
-const key = "";
-let refresh = false;
+let refresh = ref(false);
 let removeQuery = false;
 let valueAssign = false;
 const toolbarOptions = ["Search"];
@@ -57,7 +56,7 @@ const actionBegin = (args) => {
         });
         grid.value.ej2Instances.query = new Query().where(predicate);
         grid.value.ej2Instances.searchSettings.key = "";
-        refresh = true;
+        refresh.value = true;
         valueAssign = true;
         removeQuery = true;
         grid.value.ej2Instances.refresh();
@@ -95,5 +94,4 @@ provide('grid', [Toolbar, Search]);
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
-;
 </style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/search/default-cs9/index.css b/ej2-vue/code-snippet/grid/search/default-cs9/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/default-cs9/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/default-cs9/index.html b/ej2-vue/code-snippet/grid/search/default-cs9/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/default-cs9/index.html
+++ b/ej2-vue/code-snippet/grid/search/default-cs9/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/ignore-accent-search/app-composition.vue b/ej2-vue/code-snippet/grid/search/ignore-accent-search/app-composition.vue
index 98af716ff..0bd43a1e5 100644
--- a/ej2-vue/code-snippet/grid/search/ignore-accent-search/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/search/ignore-accent-search/app-composition.vue
@@ -17,12 +17,19 @@
   </div>
 </template>
 <script setup>
-import { provide } from "vue";
-
+import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
+import { SwitchComponent as EjsSwitch } from "@syncfusion/ej2-vue-buttons";
 import { data } from './datasource.js'
 const toolbarOptions = ['Search'];
-const searchOptions = { fields: ['CustomerID'], operator: 'contains', key: 'Ha', ignoreCase: true, ignoreAccent: true };
+const grid = ref(null);
+const change = function(args){
+  if (args.checked) {
+    grid.value.ej2Instances.searchSettings.ignoreAccent = true;
+  } else {
+    grid.value.ej2Instances.searchSettings.ignoreAccent = false;
+  }
+}
 provide('grid', [Toolbar, Search]);
 </script>
 <style>
diff --git a/ej2-vue/code-snippet/grid/search/ignore-accent-search/app.vue b/ej2-vue/code-snippet/grid/search/ignore-accent-search/app.vue
index 8eea34ed7..a6cbedad3 100644
--- a/ej2-vue/code-snippet/grid/search/ignore-accent-search/app.vue
+++ b/ej2-vue/code-snippet/grid/search/ignore-accent-search/app.vue
@@ -19,6 +19,7 @@
 <script>
 
 import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
+import { SwitchComponent } from "@syncfusion/ej2-vue-buttons";
 import { data } from './datasource.js'
 export default {
 name: "App",
@@ -32,9 +33,18 @@ components: {
     return {
       data: data,
       toolbarOptions: ['Search'],
-      searchOptions: { fields: ['CustomerID'], operator: 'contains', key: 'Ha', ignoreCase: true, ignoreAccent:true }
     };
   },
+  methods: {
+    change: function (args) {
+      let grid = this.$refs.grid.ej2Instances;
+      if (args.checked) {
+        grid.searchSettings.ignoreAccent = true;
+      } else {
+        grid.searchSettings.ignoreAccent = false;
+      }
+    }
+  },
   provide: {
     grid: [Toolbar, Search]
   }
diff --git a/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.css b/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.html b/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.html
+++ b/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.js b/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.js
index faa8364b9..6ae632239 100644
--- a/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.js
+++ b/ej2-vue/code-snippet/grid/search/ignore-accent-search/index.js
@@ -8,8 +8,8 @@ Vue.use(SwitchPlugin);
 
 
 new Vue({
-	el: '#app',
-	template: `
+  el: '#app',
+  template: `
     <div id="app">
       <div style="display: flex;">
         <label style="margin-right:5px">
@@ -32,18 +32,17 @@ new Vue({
     return {
       data: data,
       toolbarOptions: ['Search'],
-      searchOptions: { ignoreAccent:true }
     };
   },
   methods: {
-    change: function(args) {
+    change: function (args) {
       let grid = this.$refs.grid.$el.ej2_instances[0];
       if (args.checked) {
         grid.searchSettings.ignoreAccent = true;
-    } else {
+      } else {
         grid.searchSettings.ignoreAccent = false;
+      }
     }
-  }
   },
   provide: {
     grid: [Toolbar, Search]
diff --git a/ej2-vue/code-snippet/grid/search/search-on-format/app-composition.vue b/ej2-vue/code-snippet/grid/search/search-on-format/app-composition.vue
index afede3695..1d15575ff 100644
--- a/ej2-vue/code-snippet/grid/search/search-on-format/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/search/search-on-format/app-composition.vue
@@ -15,6 +15,7 @@
 <script setup>
 import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
+import { Query, Predicate } from '@syncfusion/ej2-data';
 import { data } from './datasource.js'
 const grid = ref(null);
 const toolbarOptions = ['Search'];
diff --git a/ej2-vue/code-snippet/grid/search/search-on-format/app.vue b/ej2-vue/code-snippet/grid/search/search-on-format/app.vue
index 34ca17ce8..1542912dd 100644
--- a/ej2-vue/code-snippet/grid/search/search-on-format/app.vue
+++ b/ej2-vue/code-snippet/grid/search/search-on-format/app.vue
@@ -13,7 +13,8 @@
 <script>
 
 import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, Search } from "@syncfusion/ej2-vue-grids";
-import { data } from './datasource.js'
+import { Query, Predicate } from '@syncfusion/ej2-data';
+import { data } from './datasource.js';
 export default {
 name: "App",
 components: {
diff --git a/ej2-vue/code-snippet/grid/search/search-on-format/datasource.js b/ej2-vue/code-snippet/grid/search/search-on-format/datasource.js
index 5719b003a..288fb4298 100644
--- a/ej2-vue/code-snippet/grid/search/search-on-format/datasource.js
+++ b/ej2-vue/code-snippet/grid/search/search-on-format/datasource.js
@@ -2,193 +2,80 @@ define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
-       {
-          "OrderID":10248,
-          "CustomerID":"VINET",
-          "OrderDate":new Date(8364186e5),
-          "ShippedDate":"1996-07-16T00:00:00.000Z",
-          "Freight":32.38,
-          "ShipName":"Vins et alcools Chevalier",
-          "ShipAddress":"59 rue de l'Abbaye",
-          "ShipCity":"Reims",
-          "ShipRegion":null,
-          "ShipCountry":"France",
-          "Verified": true
-       },
-       {
-          "OrderID":10249,
-          "CustomerID":"TOMSP",
-          "OrderDate":new Date(836505e6),
-          "ShippedDate":"1996-07-10T00:00:00.000Z",
-          "Freight":11.61,
-          "ShipName":"Toms Spezialitäten",
-          "ShipAddress":"Luisenstr. 48",
-          "ShipCity":"Münster",
-          "ShipRegion":null,
-          "ShipCountry":"Germany"
-       },
-       {
-          "OrderID":10250,
-          "CustomerID":"HANAR",
-          "OrderDate":new Date(8367642e5),
-          "ShippedDate":"1996-07-12T00:00:00.000Z",
-          "Freight":65.83,
-          "ShipName":"Hanari Carnes",
-          "ShipAddress":"Rua do Paço, 67",
-          "ShipCity":"Rio de Janeiro",
-          "ShipRegion":"RJ",
-          "ShipCountry":"Brazil",
-          "Verified": true
-       },
-       {
-          "OrderID":10251,
-          "CustomerID":"VICTE",
-          "OrderDate":new Date(8367642e5),
-          "ShippedDate":"1996-07-15T00:00:00.000Z",
-          "Freight":41.34,
-          "ShipName":"Victuailles en stock",
-          "ShipAddress":"2, rue du Commerce",
-          "ShipCity":"Lyon",
-          "ShipRegion":null,
-          "ShipCountry":"France",
-          "Verified": true
-       },
-       {
-          "OrderID":10252,
-          "CustomerID":"SUPRD",
-          "OrderDate":new Date(8368506e5),
-          "ShippedDate":"1996-07-11T00:00:00.000Z",
-          "Freight":51.3,
-          "ShipName":"Suprêmes délices",
-          "ShipAddress":"Boulevard Tirou, 255",
-          "ShipCity":"Charleroi",
-          "ShipRegion":null,
-          "ShipCountry":"Belgium"
-       },
-       {
-          "OrderID":10253,
-          "CustomerID":"HANAR",
-          "OrderDate":new Date(836937e6),
-          "ShippedDate":"1996-07-16T00:00:00.000Z",
-          "Freight":58.17,
-          "ShipName":"Hanari Carnes",
-          "ShipAddress":"Rua do Paço, 67",
-          "ShipCity":"Rio de Janeiro",
-          "ShipRegion":"RJ",
-          "ShipCountry":"Brazil",
-          "Verified": true
-       },
-       {
-          "OrderID":10254,
-          "CustomerID":"CHOPS",
-          "OrderDate":new Date(8370234e5),
-          "ShippedDate":"1996-07-23T00:00:00.000Z",
-          "Freight":22.98,
-          "ShipName":"Chop-suey Chinese",
-          "ShipAddress":"Hauptstr. 31",
-          "ShipCity":"Bern",
-          "ShipRegion":null,
-          "ShipCountry":"Switzerland",
-          "Verified": true
-       },
-       {
-          "OrderID":10255,
-          "CustomerID":"RICSU",
-          "OrderDate":new Date(8371098e5),
-          "ShippedDate":"1996-07-15T00:00:00.000Z",
-          "Freight":148.33,
-          "ShipName":"Richter Supermarkt",
-          "ShipAddress":"Starenweg 5",
-          "ShipCity":"Genève",
-          "ShipRegion":null,
-          "ShipCountry":"Switzerland"
-       },
-       {
-          "OrderID":10256,
-          "CustomerID":"WELLI",
-          "OrderDate":new Date(837369e6),
-          "ShippedDate":"1996-07-17T00:00:00.000Z",
-          "Freight":13.97,
-          "ShipName":"Wellington Importadora",
-          "ShipAddress":"Rua do Mercado, 12",
-          "ShipCity":"Resende",
-          "ShipRegion":"SP",
-          "ShipCountry":"Brazil"
-       },
-       {
-          "OrderID":10257,
-          "CustomerID":"HILAA",
-          "OrderDate":new Date(8374554e5),
-          "ShippedDate":"1996-07-22T00:00:00.000Z",
-          "Freight":81.91,
-          "ShipName":"HILARION-Abastos",
-          "ShipAddress":"Carrera 22 con Ave. Carlos Soublette #8-35",
-          "ShipCity":"San Cristóbal",
-          "ShipRegion":"Táchira",
-          "ShipCountry":"Venezuela"
-       },
-       {
-          "OrderID":10258,
-          "CustomerID":"ERNSH",
-          "OrderDate":new Date(8375418e5),
-          "ShippedDate":"1996-07-23T00:00:00.000Z",
-          "Freight":140.51,
-          "ShipName":"Ernst Handel",
-          "ShipAddress":"Kirchgasse 6",
-          "ShipCity":"Graz",
-          "ShipRegion":null,
-          "ShipCountry":"Austria"
-       },
-       {
-          "OrderID":10259,
-          "CustomerID":"CENTC",
-          "OrderDate": new Date(8376282e5),
-          "ShippedDate":"1996-07-25T00:00:00.000Z",
-          "Freight":3.25,
-          "ShipName":"Centro comercial Moctezuma",
-          "ShipAddress":"Sierras de Granada 9993",
-          "ShipCity":"México D.F.",
-          "ShipRegion":null,
-          "ShipCountry":"Mexico",
-          "Verified": true
-       },
-       {
-          "OrderID":10260,
-          "CustomerID":"OTTIK",
-          "OrderDate":new Date(8377146e5),
-          "ShippedDate":"1996-07-29T00:00:00.000Z",
-          "Freight":55.09,
-          "ShipName":"Ottilies Käseladen",
-          "ShipAddress":"Mehrheimerstr. 369",
-          "ShipCity":"Köln",
-          "ShipRegion":null,
-          "ShipCountry":"Germany",
-          "Verified": true
-       },
-       {
-          "OrderID":10261,
-          "CustomerID":"QUEDE",
-          "OrderDate":new Date(8377146e5),
-          "ShippedDate":"1996-07-30T00:00:00.000Z",
-          "Freight":3.05,
-          "ShipName":"Que Delícia",
-          "ShipAddress":"Rua da Panificadora, 12",
-          "ShipCity":"Rio de Janeiro",
-          "ShipRegion":"RJ",
-          "ShipCountry":"Brazil"
-       },
-       {
-          "OrderID":10262,
-          "CustomerID":"RATTC",
-          "OrderDate":new Date(8379738e5),
-          "ShippedDate":"1996-07-25T00:00:00.000Z",
-          "Freight":48.29,
-          "ShipName":"Rattlesnake Canyon Grocery",
-          "ShipAddress":"2817 Milton Dr.",
-          "ShipCity":"Albuquerque",
-          "ShipRegion":"NM",
-          "ShipCountry":"USA",
-          "Verified": true
-       },
-      ]
+      {
+         OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5),
+         ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye',
+         ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0
+     },
+     {
+         OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6),
+         ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48',
+         ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1
+     },
+     {
+         OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5),
+         ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
+         ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0
+     },
+     {
+         OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5),
+         ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce',
+         ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0
+     },
+     {
+         OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5),
+         ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255',
+         ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0
+     },
+     {
+         OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6),
+         ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
+         ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0
+     },
+     {
+         OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5),
+         ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31',
+         ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1
+     },
+     {
+         OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5),
+         ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5',
+         ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0
+     },
+     {
+         OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6),
+         ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12',
+         ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1
+     },
+     {
+         OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5),
+         ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35',
+         ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0
+     },
+     {
+         OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5),
+         ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6',
+         ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0
+     },
+     {
+         OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5),
+         ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993',
+         ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1
+     },
+     {
+         OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5),
+         ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369',
+         ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0
+     },
+     {
+         OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5),
+         ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12',
+         ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1
+     },
+     {
+         OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5),
+         ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.',
+         ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0
+     }
+   ]
 })
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/search/search-on-format/index.css b/ej2-vue/code-snippet/grid/search/search-on-format/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/search-on-format/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/search-on-format/index.html b/ej2-vue/code-snippet/grid/search/search-on-format/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/search-on-format/index.html
+++ b/ej2-vue/code-snippet/grid/search/search-on-format/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/search/search-operator/app.vue b/ej2-vue/code-snippet/grid/search/search-operator/app.vue
index f52aa3a5e..0f6207963 100644
--- a/ej2-vue/code-snippet/grid/search/search-operator/app.vue
+++ b/ej2-vue/code-snippet/grid/search/search-operator/app.vue
@@ -47,7 +47,7 @@ export default {
   },
   methods: {
     change: function (args) {
-      let grid = this.$refs.grid.$el.ej2_instances[0];
+      let grid = this.$refs.grid.ej2Instances;
       grid.searchSettings.operator = args.value;
     }
   },
diff --git a/ej2-vue/code-snippet/grid/search/search-operator/index.css b/ej2-vue/code-snippet/grid/search/search-operator/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/search/search-operator/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/search/search-operator/index.html b/ej2-vue/code-snippet/grid/search/search-operator/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/search/search-operator/index.html
+++ b/ej2-vue/code-snippet/grid/search/search-operator/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/clear-sort/index.css b/ej2-vue/code-snippet/grid/sort/clear-sort/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/clear-sort/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/clear-sort/index.html b/ej2-vue/code-snippet/grid/sort/clear-sort/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/clear-sort/index.html
+++ b/ej2-vue/code-snippet/grid/sort/clear-sort/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs1/index.css b/ej2-vue/code-snippet/grid/sort/default-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/default-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs1/index.html b/ej2-vue/code-snippet/grid/sort/default-cs1/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/sort/default-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs2/index.css b/ej2-vue/code-snippet/grid/sort/default-cs2/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/default-cs2/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs2/index.html b/ej2-vue/code-snippet/grid/sort/default-cs2/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs2/index.html
+++ b/ej2-vue/code-snippet/grid/sort/default-cs2/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs3/index.css b/ej2-vue/code-snippet/grid/sort/default-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/default-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs3/index.html b/ej2-vue/code-snippet/grid/sort/default-cs3/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/sort/default-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs4/app-composition.vue b/ej2-vue/code-snippet/grid/sort/default-cs4/app-composition.vue
index e59fb6d3a..450f638f4 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs4/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/sort/default-cs4/app-composition.vue
@@ -15,14 +15,15 @@
 import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Sort } from "@syncfusion/ej2-vue-grids";
 import { data } from './datasource.js';
-    const message = '';
+    const message = ref(null);
     const actionBegin = (args) => {
       if (args.requestType === 'sorting' && args.columnName === 'OrderID') {
         args.cancel = true;
+        message.value = args.requestType + ' action cancelled for ' + args.columnName + ' column';
       }
     }
     const actionComplete = (args) => {
-      message = args.requestType + ' action completed for ' + args.columnName + ' column';
+      message.value = args.requestType + ' action completed for ' + args.columnName + ' column';
     }
   provide('grid',  [Sort]);
 </script>
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs4/app.vue b/ej2-vue/code-snippet/grid/sort/default-cs4/app.vue
index d14cd011f..83177e38c 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs4/app.vue
+++ b/ej2-vue/code-snippet/grid/sort/default-cs4/app.vue
@@ -12,8 +12,7 @@
     </div>
 </template>
 <script>
-
-import { GridComponent, ColumnsDirective, ColumnDirective, Sort } from "@syncfusion/ej2-vue-grids";
+import { GridComponent, ColumnDirective, ColumnsDirective, Sort } from "@syncfusion/ej2-vue-grids";
 import { data } from './datasource.js';
 export default {
 name: "App",
@@ -25,13 +24,14 @@ components: {
   data() {
     return {
       data: data,
-      message: ''
+      message:''
     };
   },
   methods: {
     actionBegin(args) {
       if (args.requestType === 'sorting' && args.columnName === 'OrderID') {
         args.cancel = true;
+        this.message = args.requestType + ' action cancelled for ' + args.columnName + ' column';
       }
     },
     actionComplete(args) {
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs4/index.css b/ej2-vue/code-snippet/grid/sort/default-cs4/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/default-cs4/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs4/index.html b/ej2-vue/code-snippet/grid/sort/default-cs4/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs4/index.html
+++ b/ej2-vue/code-snippet/grid/sort/default-cs4/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs5/index.css b/ej2-vue/code-snippet/grid/sort/default-cs5/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/default-cs5/index.html b/ej2-vue/code-snippet/grid/sort/default-cs5/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/default-cs5/index.html
+++ b/ej2-vue/code-snippet/grid/sort/default-cs5/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/locale-sort/index.css b/ej2-vue/code-snippet/grid/sort/locale-sort/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/locale-sort/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/locale-sort/index.html b/ej2-vue/code-snippet/grid/sort/locale-sort/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/locale-sort/index.html
+++ b/ej2-vue/code-snippet/grid/sort/locale-sort/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/prevent-sort/index.css b/ej2-vue/code-snippet/grid/sort/prevent-sort/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/prevent-sort/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/prevent-sort/index.html b/ej2-vue/code-snippet/grid/sort/prevent-sort/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/prevent-sort/index.html
+++ b/ej2-vue/code-snippet/grid/sort/prevent-sort/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/remove-sort/index.css b/ej2-vue/code-snippet/grid/sort/remove-sort/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/remove-sort/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/remove-sort/index.html b/ej2-vue/code-snippet/grid/sort/remove-sort/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/remove-sort/index.html
+++ b/ej2-vue/code-snippet/grid/sort/remove-sort/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/sort-columns/app-composition.vue b/ej2-vue/code-snippet/grid/sort/sort-columns/app-composition.vue
index 210dfb64f..ea9ca774e 100644
--- a/ej2-vue/code-snippet/grid/sort/sort-columns/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/sort/sort-columns/app-composition.vue
@@ -6,13 +6,13 @@
         :fields='fields'></ejs-dropdownlist>
     </div>
     <div style="display: inline-block;">
-      <label style='padding:  10px 10px 15px 0'> Sorting direction : </label>
+      <label style='padding:  10px 10px 15px 0; margin-left:5px'> Sorting direction : </label>
       <ejs-dropdownlist ref='directionDropDown' id='directionDropDown' index="0" width="150" :dataSource="directionData"
         :fields='fields'></ejs-dropdownlist>
     </div>
-    <ejs-button style="margin-top: 5px" ref='button' cssClass='e-outline' v-on:click="addSortColumn">Add sort
+    <ejs-button style="margin: 5px" ref='button' cssClass='e-outline' v-on:click="addSortColumn">Add sort
       column</ejs-button>
-    <ejs-grid ref='grid' style="padding: 10px 10px" :dataSource='data' :allowSorting='true' :sortSettings='initialSort'
+    <ejs-grid ref='grid' style="margin-top: 10px" :dataSource='data' :allowSorting='true' :sortSettings='initialSort'
       height='315px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
diff --git a/ej2-vue/code-snippet/grid/sort/sort-columns/app.vue b/ej2-vue/code-snippet/grid/sort/sort-columns/app.vue
index b7460b5cd..9e8faca6a 100644
--- a/ej2-vue/code-snippet/grid/sort/sort-columns/app.vue
+++ b/ej2-vue/code-snippet/grid/sort/sort-columns/app.vue
@@ -1,36 +1,38 @@
 <template>
   <div id="app">
-  <div style="display: inline-block;">
-    <label style='padding:  10px 10px 15px 0'> Column name :  </label> 
-    <ejs-dropdownlist ref='columnDropDown' id='columnDropDown' index="0"
-    width="150" :dataSource="columnData" :fields='fields'></ejs-dropdownlist>
-  </div>
-  <div style="display: inline-block;">
-    <label style='padding:  10px 10px 15px 0'> Sorting direction :  </label> 
-    <ejs-dropdownlist ref='directionDropDown' id='directionDropDown' index="0"
-    width="150" :dataSource="directionData" :fields='fields'></ejs-dropdownlist>
-  </div>
-  <ejs-button style="margin-top: 5px" ref='button' cssClass='e-outline' v-on:click="addSortColumn">Add sort column</ejs-button>
-  <ejs-grid ref='grid' style="padding: 10px 10px" :dataSource='data' :allowSorting='true' :sortSettings='initialSort' height='315px'>
-    <e-columns>
-      <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
-      <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
-      <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
-      <e-column field='Freight' headerText='Freight' width='80' format='C2' textAlign='Right'></e-column>
-    </e-columns>
-  </ejs-grid>
+   <div style="display: inline-block;">
+      <label style='padding:  10px 10px 15px 0'> Column name : </label>
+      <ejs-dropdownlist ref='columnDropDown' id='columnDropDown' index="0" width="150" :dataSource="columnData"
+        :fields='fields'></ejs-dropdownlist>
+    </div>
+    <div style="display: inline-block;">
+      <label style='padding:  10px 10px 15px 0; margin-left:5px'> Sorting direction : </label>
+      <ejs-dropdownlist ref='directionDropDown' id='directionDropDown' index="0" width="150" :dataSource="directionData"
+        :fields='fields'></ejs-dropdownlist>
+    </div>
+    <ejs-button style="margin: 5px" ref='button' cssClass='e-outline' v-on:click="addSortColumn">Add sort
+      column</ejs-button>
+    <ejs-grid ref='grid' style="margin-top: 10px" :dataSource='data' :allowSorting='true' :sortSettings='initialSort'
+      height='315px'>
+      <e-columns>
+        <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
+        <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+        <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
+        <e-column field='Freight' headerText='Freight' width='80' format='C2' textAlign='Right'></e-column>
+      </e-columns>
+    </ejs-grid>
 </div>
 </template>
 <script>
 
 import { GridComponent, ColumnsDirective, ColumnDirective, Sort } from "@syncfusion/ej2-vue-grids";
-import { DropDownListComponent as EjsDropdownlist } from "@syncfusion/ej2-vue-dropdowns";
-import { ButtonComponent as EjsButton } from '@syncfusion/ej2-vue-buttons';
+import { DropDownListComponent } from "@syncfusion/ej2-vue-dropdowns";
+import { ButtonComponent } from '@syncfusion/ej2-vue-buttons';
 import { data } from './datasource.js';
 export default {
 name: "App",
 components: {
-"ejs-dropdownlist":DropdownlistComponent,
+"ejs-dropdownlist":DropDownListComponent,
 "ejs-button":ButtonComponent,
 "ejs-grid":GridComponent,
 "e-columns":ColumnsDirective,
diff --git a/ej2-vue/code-snippet/grid/sort/sort-columns/index.css b/ej2-vue/code-snippet/grid/sort/sort-columns/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/sort-columns/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/sort-columns/index.html b/ej2-vue/code-snippet/grid/sort/sort-columns/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/sort-columns/index.html
+++ b/ej2-vue/code-snippet/grid/sort/sort-columns/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/sort/sort-columns/index.js b/ej2-vue/code-snippet/grid/sort/sort-columns/index.js
index 022da8297..e7eee0174 100644
--- a/ej2-vue/code-snippet/grid/sort/sort-columns/index.js
+++ b/ej2-vue/code-snippet/grid/sort/sort-columns/index.js
@@ -14,26 +14,28 @@ new Vue({
   el: '#app',
   template: `
   <div id="app">
-  <div style="display: inline-block;">
-    <label style='padding:  10px 10px 15px 0'> Column name :  </label> 
-    <ejs-dropdownlist ref='columnDropDown' id='columnDropDown' index="0"
-    width="150" :dataSource="columnData" :fields='fields'></ejs-dropdownlist>
-  </div>
-  <div style="display: inline-block;">
-    <label style='padding:  10px 10px 15px 0'> Sorting direction :  </label> 
-    <ejs-dropdownlist ref='directionDropDown' id='directionDropDown' index="0"
-    width="150" :dataSource="directionData" :fields='fields'></ejs-dropdownlist>
-  </div>
-  <ejs-button style="margin-top: 5px" ref='button' cssClass='e-outline' v-on:click.native="addSortColumn">Add sort column</ejs-button>
-  <ejs-grid ref='grid' style="padding: 10px 10px" :dataSource='data' :allowSorting='true' :sortSettings='initialSort' height='315px'>
+    <div style="display: inline-block;">
+      <label style='padding:  10px 10px 15px 0'> Column name : </label>
+      <ejs-dropdownlist ref='columnDropDown' id='columnDropDown' index="0" width="150" :dataSource="columnData"
+        :fields='fields'></ejs-dropdownlist>
+    </div>
+    <div style="display: inline-block;">
+      <label style='padding:  10px 10px 15px 0; margin-left:5px'> Sorting direction : </label>
+      <ejs-dropdownlist ref='directionDropDown' id='directionDropDown' index="0" width="150" :dataSource="directionData"
+        :fields='fields'></ejs-dropdownlist>
+    </div>
+    <ejs-button style="margin: 5px" ref='button' cssClass='e-outline' v-on:click="addSortColumn">Add sort
+      column</ejs-button>
+    <ejs-grid ref='grid' style="margin-top: 10px" :dataSource='data' :allowSorting='true' :sortSettings='initialSort'
+      height='315px'>
       <e-columns>
-          <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
-          <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
-          <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
-          <e-column field='Freight' headerText='Freight' width='80' format='C2' textAlign='Right'></e-column>
+        <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
+        <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+        <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
+        <e-column field='Freight' headerText='Freight' width='80' format='C2' textAlign='Right'></e-column>
       </e-columns>
-  </ejs-grid>
-</div>
+    </ejs-grid>
+  </div>
 `,
 
   data() {
diff --git a/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.css b/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.html b/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.html
index 743fd61ef..61c79698d 100644
--- a/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.html
+++ b/ej2-vue/code-snippet/grid/sort/sort-foreign-key/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/24.2.3/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.css b/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.css
deleted file mode 100644
index 3fb46189a..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.css
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-.e-icons.e-collapse::before {
-  content: "\e834";
-}
diff --git a/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.html b/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.html
index 217b2b788..a2fb78aaa 100644
--- a/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/custom-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/material.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app-composition.vue b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app-composition.vue
index 766cc5850..6664480f8 100644
--- a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app-composition.vue
@@ -68,14 +68,4 @@ provide('grid', [Toolbar, Edit]);
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
-
-.button {
-  margin: 0px 10px 3px;
-}
-
-#addImage,
-#deleteImage {
-  height: 30px;
-  width: 30px;
-}
 </style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app.vue b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app.vue
index be07f3d1e..e0ff7d52e 100644
--- a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/app.vue
@@ -83,13 +83,4 @@ components: {
   @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
   @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
   @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
-
-.button {
-  margin: 0px 10px 3px;
-}
-  
-#addImage, #deleteImage {
-    height: 30px;
-    width: 30px;
-}
 </style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.css b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.css
deleted file mode 100644
index 6c5724f70..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.css
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-.button {
-  margin: 0px 10px 3px;
-}
-  
-#addImage,#deleteImage {
-    height: 30px;
-    width: 30px;
-}
diff --git a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.html b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/custom-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.css b/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.html b/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs1/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs3/app-composition.vue b/ej2-vue/code-snippet/grid/toolbar/default-cs3/app-composition.vue
index c480627f6..7c8f267f2 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs3/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs3/app-composition.vue
@@ -18,7 +18,7 @@ import { data } from './datasource.js';
 const grid = ref(null);
 const toolbar = [
   { text: 'Expand All', tooltipText: 'Expand All', prefixIcon: 'e-expand', id: 'expandall' },
-  { text: 'Collapse All', tooltipText: 'collection All', prefixIcon: 'e-collapse', id: 'collapseall', align: 'Right' }
+  { text: 'Collapse All', tooltipText: 'collection All', prefixIcon: 'e-collapse-2', id: 'collapseall', align: 'Right' }
 ];
 const groupOptions = { columns: ['CustomerID'] };
 const clickHandler = function (args) {
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs3/app.vue b/ej2-vue/code-snippet/grid/toolbar/default-cs3/app.vue
index 7da669160..d3b2bdf89 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs3/app.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs3/app.vue
@@ -26,7 +26,7 @@ components: {
       data: data,
       toolbar: [ 
         { text: 'Expand All', tooltipText: 'Expand All', prefixIcon: 'e-expand', id: 'expandall' },
-        { text: 'Collapse All', tooltipText: 'collection All', prefixIcon: 'e-collapse', id: 'collapseall' , align:'Right'}
+        { text: 'Collapse All', tooltipText: 'collection All', prefixIcon: 'e-collapse-2', id: 'collapseall' , align:'Right'}
       ],
       groupOptions: { columns: ['CustomerID'] }
     };
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.css b/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.html b/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs3/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs4/app-composition.vue b/ej2-vue/code-snippet/grid/toolbar/default-cs4/app-composition.vue
index 6e939c8c8..f0d9edc23 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs4/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs4/app-composition.vue
@@ -16,10 +16,10 @@
   </div>
 </template>
 <script setup>
-import { provide } from "vue";
+import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, Edit } from "@syncfusion/ej2-vue-grids";
 import { data } from './datasource.js';
-let message = '';
+const message = ref(null);
 const orderIDRules = { required: true };
 const editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true };
 const toolbar = [
@@ -28,7 +28,7 @@ const toolbar = [
 ];
 const clickHandler = function (args) {
   if (args.item.id === 'Click') {
-    this.message = `Custom Toolbar Clicked`;
+    message.value = `Custom Toolbar Clicked`;
   }
 }
 provide('grid', [Toolbar, Edit]);
@@ -42,4 +42,5 @@ provide('grid', [Toolbar, Edit]);
 @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";</style>
\ No newline at end of file
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.css b/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.css
deleted file mode 100644
index 522f0811b..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.css
+++ /dev/null
@@ -1,4 +0,0 @@
-
- 
-
-
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.html b/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs4/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.css b/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.html b/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs5/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs6/app-composition.vue b/ej2-vue/code-snippet/grid/toolbar/default-cs6/app-composition.vue
index b75f3f5fe..790e732df 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs6/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs6/app-composition.vue
@@ -21,6 +21,7 @@ import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, Group } from "@syncfusion/ej2-vue-grids";
 import { SwitchComponent as EjsSwitch } from "@syncfusion/ej2-vue-buttons";
 import { data } from './datasource.js';
+const grid=ref(null);
       const toolbar = ['Expand', 'Collapse'];
       const groupOptions = { columns: ['CustomerID'] };
       const clickHandler = function(args) {
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.css b/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.css
deleted file mode 100644
index d148bc8e8..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
- 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.html b/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs6/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs7/app-composition.vue b/ej2-vue/code-snippet/grid/toolbar/default-cs7/app-composition.vue
index 0120690d0..6e6911cf0 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs7/app-composition.vue
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs7/app-composition.vue
@@ -33,4 +33,5 @@ provide('grid', [Toolbar]);
 @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
 @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";</style>
\ No newline at end of file
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.css b/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.css
deleted file mode 100644
index 139597f9c..000000000
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.html b/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.html
index ab6507fad..0de6a9a84 100644
--- a/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.html
+++ b/ej2-vue/code-snippet/grid/toolbar/default-cs7/index.html
@@ -11,7 +11,6 @@
     <meta name="author" content="Syncfusion" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <link href="https://cdn.syncfusion.com/ej2/25.1.35/tailwind.css" rel="stylesheet" />
-    <link href="index.css" rel="stylesheet" />
     <script src="systemjs.config.js"></script>
 </head>
 
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app-composition.vue
index e61593114..7c2527819 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90' displayAsCheckBox='true'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app.vue
index 802e8deef..f15dc2aa7 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90' displayAsCheckBox='true'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/index.js b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/index.js
index 4274b56be..7f9064aa9 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-checkbox/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90' displayAsCheckBox='true'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app-composition.vue
index 7375e7bd8..c8e74ab9f 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app.vue
index 122101f3d..854865329 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
             <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/index.js b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/index.js
index 2f51b2678..d6fb9b148 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-field/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
         <e-columns>
             <e-column field='EmpID' header='Employee ID' width='90'></e-column>
             <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-template/index.css b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-template/index.css
index fd40910d9..c3e016783 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-template/index.css
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-template/index.css
@@ -1,4 +1,24 @@
+.multicolumn-customize .ename {
+    opacity: .87;
+    font-size: 16px;
+    margin-top: 8px;
+}
+  
+.multicolumn-customize .country {
+    opacity: .87;
+    font-size: 16px;
+}
 
+.multicolumn-customize .job {
+    opacity: .54;
+    font-size: 14px;
+    margin-top: 15px;
+    margin-bottom: 7px;
+}
 
-
-
+.multicolumn-customize .empImage {
+    margin: 6px 16px;
+    float: left;
+    width: 50px;
+    height: 50px;
+}
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app-composition.vue
index 7e1827119..a21dabb20 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90' textAlign='Right'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app.vue
index 68a65b145..9784834fc 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90' textAlign='Right'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/index.js b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/index.js
index 7555f0671..98f0957b8 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/column-textalign/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
         <e-columns>
           <e-column field='EmpID' header='Employee ID' width='90'></e-column>
           <e-column field='Name' header='Name' width='90' textAlign='Right'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app-composition.vue
index 7bfe6bd02..badd1130d 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'  :customAttributes="customAttributes"></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app.vue
index 2a009fcf2..c5f440a48 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90' :customAttributes="customAttributes"></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/index.js b/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/index.js
index 5b2449c6a..389d83130 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/columns/custom-attributes/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
         <e-columns>
             <e-column field='EmpID' header='Employee ID' width='90'></e-column>
             <e-column field='Name' header='Name' width='90' :customAttributes='customAttributes'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app-composition.vue
index 91bf50b72..b504dede4 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionBegin='actionBegin'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionBegin='actionBegin'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app.vue
index f136fe4e2..33fde1493 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/app.vue
@@ -2,12 +2,12 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' placeholder='Select an employee' :actionBegin='actionBegin'>
-            <e-columns>
-                <e-column field='EmpID' header='Employee ID' width='70'></e-column>
-                <e-column field='Name' header='Name' width='60'></e-column>
-                <e-column field='Designation' header='Designation' width='70'></e-column>
-                <e-column field='Country' header='Country' width='60'></e-column>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionBegin='actionBegin'>
+          <e-columns>
+                <e-column field='EmpID' header='Employee ID' width='90'></e-column>
+                <e-column field='Name' header='Name' width='90'></e-column>
+                <e-column field='Designation' header='Designation' width='90'></e-column>
+                <e-column field='Country' header='Country' width='70'></e-column>
             </e-columns>
         </ejs-multicolumncombobox>
     </div>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/index.js
index 0c5565fdf..32b53157b 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionBegin/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionBegin='actionBegin'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionBegin='actionBegin'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app-composition.vue
index 6fe534e38..8b9b29525 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionComplete='actionComplete'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionComplete='actionComplete'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app.vue
index e282fb74b..50348ed60 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionComplete='actionComplete'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionComplete='actionComplete'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/index.js
index ab6d3aa97..6d88a3b9c 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionComplete/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionComplete='actionComplete'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionComplete='actionComplete'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app-composition.vue
index b9a80db79..32d185324 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionFailure='actionFailure'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionFailure='actionFailure'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app.vue
index 62be44da4..2f7e17e2a 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionFailure='actionFailure'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionFailure='actionFailure'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/index.js
index 28f145199..e84dd0176 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/actionFailure/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :actionFailure='actionFailure'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :actionFailure='actionFailure'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/change/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/change/app-composition.vue
index 2fa024a6d..7339ed54f 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/change/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/change/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :change='change'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :change='change'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/change/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/change/app.vue
index 417bc16b6..234b85f62 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/change/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/change/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :change='change'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :change='change'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/change/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/change/index.js
index 797a2f01b..89790461b 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/change/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/change/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :change='change'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :change='change'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/close/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/close/app-composition.vue
index 3a0763cc3..04ea18878 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/close/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/close/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :close='close'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :close='close'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/close/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/close/app.vue
index 26a7fdb43..e34dffb97 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/close/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/close/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :close='close'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :close='close'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/close/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/close/index.js
index dd5d18a25..bb7cc3adc 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/close/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/close/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :close='close'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :close='close'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app-composition.vue
index ca44555be..10603a684 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :filtering='filtering'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :filtering='filtering'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app.vue
index 6664c9508..4971094ee 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :filtering='filtering'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :filtering='filtering'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/index.js
index f7d8a2151..0ebca9583 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/filtering/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :filtering='filtering'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :filtering='filtering'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/open/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/open/app-composition.vue
index 62425e9b9..3939013cd 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/open/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/open/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :open='open'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :open='open'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/open/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/open/app.vue
index 789107c26..338dc00f3 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/open/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/open/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :open='open'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :open='open'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/select/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/select/app-composition.vue
index 7e080778c..e3b27608e 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/select/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/select/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :select='select'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :select='select'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/select/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/events/select/app.vue
index 8c9654465..8228d7d28 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/select/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/select/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :select='select'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :select='select'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/events/select/index.js b/ej2-vue/code-snippet/multicolumn-combobox/events/select/index.js
index de5b16ae1..207fe49db 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/events/select/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/events/select/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :select='select'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :select='select'>
           <e-columns>
                 <e-column field='EmpID' header='Employee ID' width='90'></e-column>
                 <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/grouping/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/grouping/app-composition.vue
index 3dd47ce93..4769cbc93 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/grouping/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/grouping/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/grouping/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/grouping/app.vue
index 14731efe7..956b26618 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/grouping/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/grouping/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/grouping/index.js b/ej2-vue/code-snippet/multicolumn-combobox/grouping/index.js
index 3d2a6dbd9..fcf2186fa 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/grouping/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/grouping/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app-composition.vue
index 98038a855..c9a63fc63 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' showClearButton='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' showClearButton='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app.vue
index 53fd9cfc9..960117601 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' showClearButton='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' showClearButton='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/index.js
index 01100475a..b1a377468 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/clearButton/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' value='1019'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' showClearButton='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app-composition.vue
index 7df97fcff..ec678b7ac 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' cssClass='e-custom-multi-column'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' cssClass='e-custom-multi-column'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app.vue
index 3d38e51ba..3f80866ad 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' cssClass='e-custom-multi-column'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' cssClass='e-custom-multi-column'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.css b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.css
index 05160f213..c305a9288 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.css
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.css
@@ -2,5 +2,4 @@
 .e-input-group.e-custom-multi-column {
     color: #ab3243;
     background: #32a5ab;
-}
-
+}
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.js
index dc44c9c4c..509f33af0 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/cssClass/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' cssClass='e-custom-multi-column'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' cssClass='e-custom-multi-column'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app-composition.vue
index 902d353ba..1e8507230 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' disabled='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' disabled='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app.vue
index 11c5b4df6..3870e8a15 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' disabled='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' disabled='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/index.js
index cf7e95d16..d8db5f2e3 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/disabled/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' disabled='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' disabled='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app-composition.vue
index ae7e55dc4..5b0901806 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app.vue
index ddf4626db..3c23dcf6f 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/index.js
index d58c7a358..8e48d3436 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/enableAltRow/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app-composition.vue
index 11590576a..4dfc8f698 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' floatLabelType='Auto'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' floatLabelType='Auto'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app.vue
index 7e0cca780..0c2a2c38a 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' floatLabelType='Auto'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' floatLabelType='Auto'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/index.js
index 8b47d03b8..0b26c8ee7 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/floatLabelType/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' floatLabelType='Auto'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' floatLabelType='Auto'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app-composition.vue
index ae7e55dc4..5b0901806 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app.vue
index ddf4626db..3c23dcf6f 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/index.js
index d58c7a358..8e48d3436 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/gridLines/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app-composition.vue
index b55f77360..6114cd50e 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' popupHeight='400px'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' popupHeight='400px'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app.vue
index 15b895a7f..7846a2943 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' popupHeight='400px'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' popupHeight='400px'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/index.js
index 28761e774..14cfede2e 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/popupHeight/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' popupHeight='400px'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' popupHeight='400px'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/app-composition.vue
index b98e9842d..2aff769af 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' popupWidth='400px'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' popupWidth='400px'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/index.js
index 61c6951b7..b31c0849f 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/popupWidth/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' popupWidth='400px'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' popupWidth='400px'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app-composition.vue
index 47386bb84..30d8a1ac2 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' readonly='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' readonly='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app.vue
index 0c12e2b28..618c5f396 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' readonly='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' readonly='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/index.js
index 520232fb6..a866a6332 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/readonly/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' readonly='true'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' readonly='true'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app-composition.vue
index 867ccf21c..9c01629da 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app.vue
index 2f824cab6..8f0a6a008 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/index.js
index 5e88fb341..ff229c6dc 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/rowHeight/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal' :gridSettings='gridSettings'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael' :gridSettings='gridSettings'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/text/app-composition.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/text/app-composition.vue
index 4ade1345a..0c2045f91 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/text/app-composition.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/text/app-composition.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/text/app.vue b/ej2-vue/code-snippet/multicolumn-combobox/items/text/app.vue
index db482632d..5ab82c391 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/text/app.vue
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/text/app.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/items/text/index.js b/ej2-vue/code-snippet/multicolumn-combobox/items/text/index.js
index 999bb10c7..1ad040f20 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/items/text/index.js
+++ b/ej2-vue/code-snippet/multicolumn-combobox/items/text/index.js
@@ -8,7 +8,7 @@ new Vue({
   <div id="app">
     <div id='container' style="margin:50px auto 0; width:500px;">
         <br>
-        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Micheal'>
+        <ejs-multicolumncombobox id='multicolumn' :dataSource='empData' :fields='fields' text='Michael'>
           <e-columns>
               <e-column field='EmpID' header='Employee ID' width='90'></e-column>
               <e-column field='Name' header='Name' width='90'></e-column>
diff --git a/ej2-vue/code-snippet/multicolumn-combobox/templates/itemTemplate/index.css b/ej2-vue/code-snippet/multicolumn-combobox/templates/itemTemplate/index.css
index fd40910d9..8ed704de2 100644
--- a/ej2-vue/code-snippet/multicolumn-combobox/templates/itemTemplate/index.css
+++ b/ej2-vue/code-snippet/multicolumn-combobox/templates/itemTemplate/index.css
@@ -1,4 +1,4 @@
-
-
-
-
+.name, .emp-id, .city {
+    border-bottom: 1px solid #e0e0e0;
+    padding: 6px 6px 4px 20px;
+  }
\ No newline at end of file
diff --git a/ej2-vue/gantt/accessibility.md b/ej2-vue/gantt/accessibility.md
index 05d3948d4..de89ef69d 100644
--- a/ej2-vue/gantt/accessibility.md
+++ b/ej2-vue/gantt/accessibility.md
@@ -60,21 +60,23 @@ The following ARIA attributes are used in Gantt:
 
 ## Keyboard navigation
 
-The Gantt component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Gantt component.
+The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns) guideline, ensuring accessibility for users of assistive technologies (AT) and those who rely solely on keyboard navigation. The following keyboard shortcuts are supported by the Gantt component:
 
 | **Press** | **To do this** |
 | --- | --- |
+| <kbd>Alt + J</kbd> | Focus Gantt component. |
+| <kbd>Tab / Shift + Tab</kbd> | Focus the next or previous element. |
 | <kbd>Home</kbd> | Selects the first row. |
 | <kbd>End</kbd> | Selects the last row. |
-| <kbd>DownArrow</kbd> | Moves the cell focus/row or cell selection downward. |
-| <kbd>UpArrow</kbd> | Moves the cell focus/row or cell selection upward. |
-| <kbd>LeftArrow</kbd> | Moves the cell focus/row or cell selection left side. |
-| <kbd>RightArrow</kbd> | Moves the cell focus/row or cell selection right side. |
+| <kbd>DownArrow</kbd> | Moves the row selection downward. |
+| <kbd>UpArrow</kbd> | Moves the row  selection upward. |
+| <kbd>LeftArrow</kbd> | Moves the cell focus/cell selection left side. |
+| <kbd>RightArrow</kbd> | Moves the cell focus/cell selection right side. |
 | <kbd>Ctrl + Up Arrow</kbd> | Collapses all tasks. |
 | <kbd>Ctrl + Down Arrow</kbd> | Expands all tasks. |
 | <kbd>Ctrl + Shift + Up Arrow</kbd> | Collapses the selected row. |
 | <kbd>Ctrl + Shift + Down Arrow</kbd> | Expands the selected row. |
-|<kbd>Enter</kbd> | Saves request. |
+| <kbd>Enter</kbd> | Saves request. |
 | <kbd>Esc</kbd> | Cancels request. |
 | <kbd>Insert</kbd> | Adds a new row. |
 | <kbd>Ctrl + Insert</kbd> | Opens addRowDialog. |
@@ -82,12 +84,21 @@ The Gantt component followed the [keyboard interaction](https://www.w3.org/WAI/A
 | <kbd>Delete</kbd> | Deletes the selected row. |
 | <kbd>Shift + F5</kbd> | FocusTask |
 | <kbd>Ctrl + Shift + F</kbd> | Focus search |
-| <kbd>Shift + DownArrow</kbd> | Extends the row/cell selection downwards. |
-| <kbd>Shift + UpArrow</kbd> | Extends the row/cell selection upwards. |
+| <kbd>Shift + DownArrow</kbd> | Extends the cell selection downwards. |
+| <kbd>Shift + UpArrow</kbd> | Extends the cell selection upwards. |
 | <kbd>Shift + LeftArrow</kbd> | Extends the cell selection to the left side. |
 | <kbd>Shift + RightArrow</kbd> | Extends the cell selection to the right side. |
-| <kbd>Tab / Shift + Tab</kbd> | To focus the close icon in the message. |
-| <kbd>Alt + j</kbd> | Focus Gantt component. |
+| <kbd>Ctrl + Z</kbd> | Undo the last action. |
+| <kbd>Ctrl + Y</kbd> | Redo the last action. |
+
+**Navigate between toolbar items using keyboard**
+
+In the Gantt component, follow these steps to navigate between toolbar items using the keyboard:
+
+**Step 1**: Press `ALT + J` to focus on the gantt component.
+**Step 2**: Press the `Tab` key to navigate to the first item in the toolbar.
+**Step 3**: Use the `LeftArrow` or `RightArrow` keys to move between toolbar items.
+**Step 4**: Press `Tab` key again to remove focus from the toolbar and return focus to the Gantt component.
 
 ## Ensuring accessibility
 
diff --git a/ej2-vue/gantt/images/baseline.png b/ej2-vue/gantt/images/baseline.png
new file mode 100644
index 000000000..3cc98ad12
Binary files /dev/null and b/ej2-vue/gantt/images/baseline.png differ
diff --git a/ej2-vue/gantt/images/chart.png b/ej2-vue/gantt/images/chart.png
new file mode 100644
index 000000000..1c124a186
Binary files /dev/null and b/ej2-vue/gantt/images/chart.png differ
diff --git a/ej2-vue/gantt/images/chartedit.png b/ej2-vue/gantt/images/chartedit.png
new file mode 100644
index 000000000..eed3b2ed6
Binary files /dev/null and b/ej2-vue/gantt/images/chartedit.png differ
diff --git a/ej2-vue/gantt/images/critical-path.png b/ej2-vue/gantt/images/critical-path.png
new file mode 100644
index 000000000..c79c60f17
Binary files /dev/null and b/ej2-vue/gantt/images/critical-path.png differ
diff --git a/ej2-vue/gantt/images/dependency.png b/ej2-vue/gantt/images/dependency.png
new file mode 100644
index 000000000..8ba1410da
Binary files /dev/null and b/ej2-vue/gantt/images/dependency.png differ
diff --git a/ej2-vue/gantt/images/dependencytab.png b/ej2-vue/gantt/images/dependencytab.png
new file mode 100644
index 000000000..542ebb19f
Binary files /dev/null and b/ej2-vue/gantt/images/dependencytab.png differ
diff --git a/ej2-vue/gantt/images/dialogBox.png b/ej2-vue/gantt/images/dialogBox.png
new file mode 100644
index 000000000..fa87ba5ea
Binary files /dev/null and b/ej2-vue/gantt/images/dialogBox.png differ
diff --git a/ej2-vue/gantt/images/drag.png b/ej2-vue/gantt/images/drag.png
new file mode 100644
index 000000000..043c34138
Binary files /dev/null and b/ej2-vue/gantt/images/drag.png differ
diff --git a/ej2-vue/gantt/images/event-markers.png b/ej2-vue/gantt/images/event-markers.png
new file mode 100644
index 000000000..1890215ef
Binary files /dev/null and b/ej2-vue/gantt/images/event-markers.png differ
diff --git a/ej2-vue/gantt/images/gantt.png b/ej2-vue/gantt/images/gantt.png
new file mode 100644
index 000000000..6edcf862e
Binary files /dev/null and b/ej2-vue/gantt/images/gantt.png differ
diff --git a/ej2-vue/gantt/images/indicators.png b/ej2-vue/gantt/images/indicators.png
new file mode 100644
index 000000000..7ea3a0fbc
Binary files /dev/null and b/ej2-vue/gantt/images/indicators.png differ
diff --git a/ej2-vue/gantt/images/manual-task.png b/ej2-vue/gantt/images/manual-task.png
new file mode 100644
index 000000000..72d88d3a4
Binary files /dev/null and b/ej2-vue/gantt/images/manual-task.png differ
diff --git a/ej2-vue/gantt/images/milestone-element.png b/ej2-vue/gantt/images/milestone-element.png
new file mode 100644
index 000000000..fcf52cedd
Binary files /dev/null and b/ej2-vue/gantt/images/milestone-element.png differ
diff --git a/ej2-vue/gantt/images/notestab.png b/ej2-vue/gantt/images/notestab.png
new file mode 100644
index 000000000..ffaf99e91
Binary files /dev/null and b/ej2-vue/gantt/images/notestab.png differ
diff --git a/ej2-vue/gantt/images/resourcestab.png b/ej2-vue/gantt/images/resourcestab.png
new file mode 100644
index 000000000..292783b82
Binary files /dev/null and b/ej2-vue/gantt/images/resourcestab.png differ
diff --git a/ej2-vue/gantt/images/tabular.png b/ej2-vue/gantt/images/tabular.png
new file mode 100644
index 000000000..b59c972c0
Binary files /dev/null and b/ej2-vue/gantt/images/tabular.png differ
diff --git a/ej2-vue/gantt/key-elements.md b/ej2-vue/gantt/key-elements.md
new file mode 100644
index 000000000..06c75499d
--- /dev/null
+++ b/ej2-vue/gantt/key-elements.md
@@ -0,0 +1,134 @@
+---
+layout: post
+title: Key Elements in Gantt UI for ##Platform_Name## Gantt control | Syncfusion
+description:  Checkout and learn about Key Elements in Gantt UI of ##Platform_Name## Gantt control of Syncfusion Essential JS 2 and more.
+platform: ej2-vue
+control: Key Elements in Gantt UI
+publishingplatform: ##Platform_Name##
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+
+# Key Elements in Gantt UI
+
+This section explains the key elements of the Gantt Chart interface.
+
+The Gantt component consists of two main sections: a `grid` and a `chart`, separated by a `splitter`. The grid is located on the left side of the Gantt component, while the chart section is on the right side. You can adjust the view of the Gantt by moving the splitter left or right to display only the grid, only the chart, or both.
+
+At the top of Gantt chart, having a [toolbar](https://ej2.syncfusion.com/vue/documentation/gantt/toolbar) that allows you to peform **CRUD** operations on tasks.
+
+![Gantt chart](./images/gantt.png)
+
+**Grid section**
+
+* In the tree grid section, the task details are presented in a tabular format.
+* You can expand or collapse a task by clicking on the expand/collapse icon near the parent task.
+* At the top of the tree grid section is the column header, which dispays the titles of different grid columns.
+
+![Grid](./images/tabular.png)
+
+
+**Chart section**
+
+* The `X-axis` of the chart represents the timeline scale.
+* In the chart section, task details are displayed in a taskbar format over a time range along with their activities.
+
+![Chart](./images/chart.png)
+
+
+**Elements in taskbar**
+
+* To change the task startDate and endDate value, you can use the start date gripper and end date gripper.
+* To change the progress value, you can use the progress gripper.
+
+![Chart edit](./images/chartedit.png)
+
+**Managing task dependency**
+
+To establish dependency connections between multiple tasks using connector points.
+
+![dependency](./images/dependency.png)
+
+**Other taskbars**
+
+**Milestone**
+
+A milestone is a unique type of task characterized by the following attributes:
+
+* It typically has no distinct start and end dates or may have both set to the same date.
+* The duration value for a milestone task is typically zero.
+
+![Milestone](./images/milestone-element.png)
+
+>For more information, refer to [Unscheduled Tasks](https://ej2.syncfusion.com/vue/documentation/gantt/task-scheduling#unscheduled-tasks)
+
+**Manual taskbar**
+
+It is a type of task where the dates are not automatically validated by the Gantt chart.
+
+![Manual taskbar](./images/manual-task.png)
+
+>For more information, refer to [Manual Tasks](https://ej2.syncfusion.com/vue/documentation/gantt/task-scheduling#manually-scheduled-tasks)
+
+**Baseline**
+
+A baseline is a line that shows the deviation between the planned dates and the actual dates of tasks.
+
+![Baseline](./images/baseline.png)
+
+**Critical path**
+
+It consists of a series of tasks (or sometimes only a single task) that determine the calculated finish date of the project. If a task on the critical path is delayed, the entire project will be delayed.
+
+![Critical path](./images/critical-path.png)
+
+**Other elements in chart section**
+
+**Indicators**
+
+It shows significant events on specified days for particular tasks with different icons and labels.
+
+![Indicators](./images/indicators.png)
+
+**Event markers**
+
+Event markers highlight important dates in the project timeline.
+
+![Event markers](./images/event-markers.png)
+
+**Row drag and drop**
+
+You can rearrange the Gantt chart rows by using the drag icon on the left side of the grid column.
+
+![Drag and drop](./images/drag.png)
+
+**Dialog box**
+
+* While editing a row, the dialog edit box will be used, which contains the following tabs:
+    * General
+    * Dependency
+    * Resources
+    * Notes
+
+![Dialog box](./images/dialogBox.png)
+
+The `General` tab contains form fields where you can view and edit task details. These fields include:
+    **TaskID**: Identifier for the task.
+    **TaskName**: Name or title of the task.
+    **Duration**: Duration of the task.
+    **StartDate**: Start date of the task.
+    **EndDate**: End date of the task.
+    **Progress**: Progress status of the task.
+
+The `Dependency` tab displays tasks that are dependent on the current task, along with their details presented in a tabular format.
+
+![Dependenct tab](./images/dependencytab.png)
+
+The `Resources` tab lists all resources assigned to the particular task, as well as available resources.
+
+![Resources tab](./images/resourcestab.png)
+
+The `Notes` tab displays any notes that have been added for the task.
+
+![Notes tab](./images/notestab.png)
diff --git a/ej2-vue/gantt/managing-tasks/managing-tasks.md b/ej2-vue/gantt/managing-tasks/managing-tasks.md
index 70c004cc0..dc1a34662 100644
--- a/ej2-vue/gantt/managing-tasks/managing-tasks.md
+++ b/ej2-vue/gantt/managing-tasks/managing-tasks.md
@@ -149,11 +149,13 @@ You can set default values when new task dialog opens using [actionBegin](https:
 
 In Gantt Chart, the controls such as form elements, grid and RTE in add and edit dialog can be customized by using [additionalParams](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettingsModel/#additionalParams) property.
 
-### Customize general tab of dialog 
+### Customize general tab of dialog
 
-In the general tab of add/edit dialog, the custom input [fields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/#fields) can be included into fields by defining the field names either from the data source or template in [addDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/) and [editDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/editDialogFieldSettings/) respectively.
+The form element in the `General` tab of the add/edit dialog can be added or removed by using the [fields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/#fields) property within the [addDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/) and [editDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/editDialogFieldSettings/) settings respectively.
 
-In the below sample, added field from the template to general tab.
+The controls of the `fields` can be customized by using the [edit](https://ej2.syncfusion.com/vue/documentation/gantt/managing-tasks/managing-tasks#cell-edit-template) template feature.
+
+In the below sample, `General` tab is customized using the `fields` property. The fields **TaskID**, **TaskName** and **newInput** are added in both `addDialogFields` and `editDialogFields` settings.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -166,11 +168,15 @@ In the below sample, added field from the template to general tab.
         
 {% previewsample "page.domainurl/code-snippet/gantt/managing-tasks-cs25" %}
 
-### Customize dependency, segments and resources tab of dialog 
+### Customize dependency, segments and resources tab of dialog
 
-[Grid](https://ej2.syncfusion.com/vue/documentation/api/grid/) component in the dependency, segment and resource tab of add/edit dialog can be customized, by defining grid module properties in the [additionalParams](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettingsModel/#additionalParams) property of [addDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/) and [editDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/editDialogFieldSettings/).
+You can customize the dependency, segments, and resource tabs of the dialog box using the [additionalParams](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettingsModel/#additionalParams) property within the [addDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/) and [editDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/editDialogFieldSettings/) settings respectively. This customization involves defining properties from the [grid](https://ej2.syncfusion.com/vue/documentation/api/grid/) within the `additionalParams` property.
 
-In the below code show cases, how to add additional features to dependency, segments and resources tab.
+In the example below: 
+* The `dependency` tab enables [sorting](https://ej2.syncfusion.com/vue/documentation/api/grid/#allowsorting) and [toolbar](https://ej2.syncfusion.com/vue/documentation/api/grid/#toolbar) options. 
+* The `segments` tab enables `sorting` and `toolbar` options and includes a new column `newData` defined with a specified [field](https://ej2.syncfusion.com/vue/documentation/api/grid/columnModel/#field).
+* The `resources` tab defines a new column `Segment Task`  with specific properties such as `field`, [width](https://ej2.syncfusion.com/vue/documentation/api/grid/columnModel/#width) and [headerText](https://ej2.syncfusion.com/vue/documentation/api/grid/columnModel/#headertext).
+These customizations are applied to both `addDialogFields` and `editDialogFields` settings.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -185,9 +191,9 @@ In the below code show cases, how to add additional features to dependency, segm
 
 ### Customize note dialog tab
 
- [RTE](https://ej2.syncfusion.com/vue/documentation/api/rich-text-editor/) component in notes tab of add and edit dialog can be customized, by defining RTE module properties in the [additionalParams](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettingsModel/#additionalParams) property of [addDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/) and [editDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/editDialogFieldSettings/).
+You can customize the note dialog tab using the [additionalParams](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettingsModel/#additionalParams) property within the [addDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/) and [editDialogFields](https://ej2.syncfusion.com/vue/documentation/api/gantt/editDialogFieldSettings/) settings respectively. This customization involves defining properties from the [RTE](https://ej2.syncfusion.com/vue/documentation/api/rich-text-editor/) module within the `additionalParams` property.
 
- The below code shows how to enable inline mode to RTE in notes tab.
+In the following example, the `notes` tab is customized with the [inlinemode](https://ej2.syncfusion.com/vue/documentation/api/rich-text-editor/#inlinemode) property enabled, allowing for in-place editing. Additionally, the `OnSelection` property is enabled, which opens the toolbar inline upon selecting text.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
diff --git a/ej2-vue/gantt/index.md b/ej2-vue/gantt/overview.md
similarity index 74%
rename from ej2-vue/gantt/index.md
rename to ej2-vue/gantt/overview.md
index fff2ebaf6..74ac97691 100644
--- a/ej2-vue/gantt/index.md
+++ b/ej2-vue/gantt/overview.md
@@ -15,10 +15,14 @@ The Gantt chart is a project management tool which provides a Microsoft Project-
 ## Key features
 
 * [**Data sources**](./data-binding/) - Bind the Grid component with an array of JSON objects or DataManager.
+* [**Large data binding**](./data-binding/) - To render a large number of tasks in the Gantt Chart with an effective performance. It allows users to load parent records alone on load time. Child records render on demand during expansion action.
 * [**Editing**](./managing-tasks/): A task’s fields, such as duration, start date, end date, predecessors, and more, can be edited directly in their respective cells using the Edit dialog or interactively using taskbars.
+* [**Undo/Redo**](./undo-redo/): It enables users to revert the most recent action performed in the Gantt Chart. Redo feature can reapply an action that was previously undone using the Undo feature. This allows users to revert their decision to undo an action.
 * [**Task dependencies**](./taskdependency/): Defines task relationships using finish-to-start, start-to-finish, start-to-start, and finish-to-finish task dependency types.
 * [**Customizable timeline**](./timezone): Displays timescale from minutes to decades easily and also displays the custom texts in timescale. Timeline can be displayed in either one-tier or two-tier layout.
 * [**Taskbars**](./task-scheduling/): Supports unscheduled tasks, and it can be customized. Baselines can also be displayed for the tasks.
+* [**Critical path**](./critical-path/):  It is a series of tasks (or sometimes only a single task) that controls the calculated finish date of the project. If a task in a critical path is delayed, then the entire project will be delayed.
+* [**Timezone**](./timezone/): It explains the Gantt Chart schedules project in their respective timezones.
 * [**Columns**](./columns/): Customizes the columns and adds the custom columns to the Gantt chart at initialization.
 * [**Resources**](./resources/): Resources are represented by staff, equipment, materials, and more. You can show and allocate the resources for each task.
 * [**Filtering**](./filtering/): Filters individual column using the menu filtering along with toolbar search box.
diff --git a/ej2-vue/gantt/performance.md b/ej2-vue/gantt/performance.md
new file mode 100644
index 000000000..f3d0225c0
--- /dev/null
+++ b/ej2-vue/gantt/performance.md
@@ -0,0 +1,80 @@
+---
+layout: post
+title: Performance tips for ##Platform_Name## Gantt control | Syncfusion
+description: Checkout and learn here all about how to improve the loading performance of ##Platform_Name## Gantt control of Syncfusion Essential JS 2 and more.
+platform: ej2-vue
+control: Gantt permformance
+publishingplatform: ##Platform_Name##
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Performance tips for ##Platform_Name## Gantt control
+
+This article is a comprehensive guide on improving the loading performance of the Gantt component, especially when dealing with large datasets and a significant number of columns. It provides valuable insights into the steps required to bind a large data source without experiencing performance degradation. By offering detailed explanations and actionable tips, this resource aims to empower readers with the knowledge and best practices necessary to optimize the performance of the Gantt component during data binding, ensuring a smooth and efficient user experience.
+
+## How to improve loading performance by binding large dataset
+
+A Gantt chart consists of rows, columns, and taskbars. For example, binding 10 rows and 10 columns results in rendering 100 elements in the Document Object Model (DOM) of Grid area and 10 elements in the Document Object Model (DOM) of chart area. To ensure optimal loading performance for the component, it is recommended to limit the number of rows and columns rendered. This approach helps in efficiently managing large datasets and enhancing the overall user experience.
+
+### Optimizing performance with virtualization
+
+To enhance your application's efficiency, especially when dealing with substantial datasets, it is recommended to using [virtualization](https://ej2.syncfusion.com/vue/documentation/gantt/virtual-scroll). Implementing these techniques can significantly reduce the load on your application and elevate its overall performance.
+
+1.  **Row Virtualization**: The Virtual scrolling feature in the Gantt component enables the efficient handling and display of large volumes of data without compromising performance. This approach optimizes the rendering process by loading only the visible rows within the Gantt viewport, rather than rendering the entire dataset simultaneously. For more information on implementing row virtualization, you can refer to the [documentation](https://ej2.syncfusion.com/vue/documentation/gantt/virtual-scroll#row-virtualization) section dedicated to this feature. This can be visualized while performing the vertical scroll action.
+
+2. **Timeline Virtualization**: The timeline virtualization feature in the Gantt Component enables efficient handling and display of large timespans without compromising performance. This approach optimizes the rendering process by loading only the visible timeline cells, which are typically three times the width of the Gantt element. Other timeline cells render on-demand during horizontal scrolling. For more information on implementing timeline virtualization, you can refer to the [documentation](https://ej2.syncfusion.com/vue/documentation/gantt/virtual-scroll#timeline-virtualization) section dedicated to this feature. This can be visualized while performing the horizontal scroll action.
+
+3. **Load On Demand**: The Load on demand feature in the Gantt component enables you to render a large number of tasks in the Gantt Chart with optimal performance. With virtualization enabled, only the root-level records are fetched from the datasource during the initial load. When expanding a root parent node or scrolling vertically, the corresponding tasks are dynamically fetched from the datasource and updated in the DOM based on the current viewport position. This ensures that only the necessary data is rendered, significantly improving performance and responsiveness.
+
+## Optimizing performance with AutoCalculateDateScheduling
+
+In the Gantt chart component, by default it automatically calculates the start and end dates in [dataSource](https://ej2.syncfusion.com/vue/documentation/api/gantt/#datasource) based on various factors such as working time, holidays, weekends, and predecessors. However, when rendering a large dataset, these calculations for data validation may result in performance issues. To avoid this, set the [autocalculatedatescheduling](https://ej2.syncfusion.com/vue/documentation/api/gantt/#autocalculatedatescheduling) property to **false**. 
+
+>When setting `autocalculatedatescheduling` property to **false**, you must provide the valid data source; otherwise, the Gantt chart will render with invalid dates.
+
+
+## How to improve loading performance by binding large data by showing custom text or element
+
+When integrating image or template elements into a gantt column, it's recommended to utilize the [Column Template](https://ej2.syncfusion.com/vue/documentation/gantt/columns/column-template) feature instead of customizing data through the [rowDataBound](https://ej2.syncfusion.com/vue/documentation/api/gantt/#rowdatabound) or [queryCellInfo](https://ej2.syncfusion.com/vue/documentation/api/gantt/#querycellinfo) events. These events are triggered for each row and cell rendering, which can introduce delays in the component's rendering process. Moreover, rendering custom elements using these events may lead to the persistence of rendered elements, potentially causing longer rendering times over time. By opting for the column template feature, you can efficiently fulfill this requirement without experiencing rendering delays and ensure a more streamlined rendering process.
+
+## How to improve loading performance by referring individual script and CSS
+
+To enhance the performance of the Syncfusion Gantt component during initial rendering and certain actions, it is recommended to download specific component scripts using CRG (Custom Resource Generator) for optimized project loading. By default, the ej2.min.js script file includes all Syncfusion component scripts, which may lead to longer load times. Using [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator), you can selectively choose the components and their modules that your project requires. Subsequently, you can download only the necessary scripts and CSS, thereby improving loading times and optimizing resource utilization according to your project's needs.
+
+[CRG website link](https://crg.syncfusion.com/) 
+
+So to improve the performance of gantt during the initial rendering, suggested you to refer individual script and CSS.
+
+## How to optimize server-side data operations with adaptors
+
+The Gantt component provides support for various adaptors (OData, ODataV4, WebAPI, URL, etc.) to facilitate server-side data operations and CRUD functionalities. By utilizing these adaptors along with the `DataManager` component, you can seamlessly bind remote data sources to the Gantt and execute actions. During data operations such as filtering and sorting, the corresponding action queries are generated according to the adaptor's requirements. It is crucial to handle these actions on the application side and return the processed data back to the Gantt. Refer to the documentation for comprehensive details. It's worth noting that for efficient data processing, the suggested order for returning processed data to the Gantt is as follows:
+* Filtering
+* Sorting
+* Aggregates
+
+## How to avoid MaxJsonLength error while passing large amount of records
+
+The Gantt component operates on a client-server basis, meaning data is sent as a JSON object between the client and server. The reported issue occurs due to the serialization of a large JSON object. To resolve this, you need to increase the maximum length for serializing large JSON objects. This can be done by altering the [MaxJsonLength](https://social.msdn.microsoft.com/Forums/en-US/ab1a5864-46e2-4c57-9511-dc3f60cc314a/how-to-increase-maxjsonlength-for-json-post-in-mvc3?forum=aspmv) property in your web.config file or at the point of deserialization.
+
+**Solution: 1**
+
+```csharp
+<configuration> 
+   <system.web.extensions>
+       <scripting>
+           <webServices>
+               <jsonSerialization maxJsonLength="25000000"/>
+           </webServices>
+       </scripting>
+   </system.web.extensions>
+</configuration> 
+```
+
+**Solution : 2**
+```csharp
+var serializer = new JavaScriptSerializer { MaxJsonLength = Int32.MaxValue };
+```
+## Microsoft excel limitation while exporting millions of records to excel file format
+
+By default, Microsoft Excel supports only 1,048,576 records per sheet. Therefore, exporting millions of records directly to Excel is not feasible. For more details on Microsoft Excel specifications and limits, you can refer to the [documentation](https://support.microsoft.com/en-gb/office/excel-specifications-and-limits-1672b34d-7043-467e-8e27-269d656771c3). It is recommended to export large datasets in CSV (Comma-Separated Values) or other formats that handle large data more efficiently than Excel.
\ No newline at end of file
diff --git a/ej2-vue/gantt/resources.md b/ej2-vue/gantt/resources.md
index 9ba5f97d4..62a6c037f 100644
--- a/ej2-vue/gantt/resources.md
+++ b/ej2-vue/gantt/resources.md
@@ -102,4 +102,23 @@ By using cell/ dialog edit option, we can add/remove the multiple resources for
 
 ![Cell Edit](images/cellEdit-resource.png)
 
-![Dialog Edit](images/dialogedit-resource.png)
\ No newline at end of file
+![Dialog Edit](images/dialogedit-resource.png)
+
+## Custom background colors for resource column and taskbar
+
+In the Gantt Component, you can customize the background colors of the resource column and taskbars based on the resources assigned to each task. This customization enhances the readability and usability of the Gantt chart.
+
+To achieve this, utilize the [template](https://ej2.syncfusion.com/vue/documentation/api/gantt/column/#template) property for the resource column and the [queryTaskbarInfo](https://ej2.syncfusion.com/vue/documentation/api/gantt#querytaskbarinfo) event. The `template` property allows you to define a custom template for the resource column, while the `queryTaskbarInfo` event to modify the taskbar properties, including background colors.
+
+The following code snippet demonstrates how to customize the background colors of the taskbar and resource column according to the assigned resources:
+
+{% tabs %}
+{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
+{% include code-snippet/gantt/resource-customization-cs1/app-composition.vue %}
+{% endhighlight %}
+{% highlight html tabtitle="Options API (~/src/App.vue)" %}
+{% include code-snippet/gantt/resource-customization-cs1/app.vue %}
+{% endhighlight %}
+{% endtabs %}
+        
+{% previewsample "page.domainurl/code-snippet/gantt/resource-customization-cs1" %}
\ No newline at end of file
diff --git a/ej2-vue/gantt/selection/selection.md b/ej2-vue/gantt/selection/selection.md
index a671764eb..4ff4e641a 100644
--- a/ej2-vue/gantt/selection/selection.md
+++ b/ej2-vue/gantt/selection/selection.md
@@ -105,14 +105,10 @@ In the following code, the rows which contains `TaskId` value as 3 and 4 are sel
 
 ## Touch interaction
 
-When you `tap` gantt row, tapped row will be selected.
+The touch interaction feature in the Gantt component allows you to easily interact with the Gantt chart on touch screen devices. This feature is particularly useful for enhancing usability on mobile devices and tablets, making it easier to navigate and interact with the Gantt chart's content using touch gestures.
 
-[`Single selection`](selection/#selection-mode) : To select a single row or cell, perform `single tap` on it.
+[`Single Row Selection`](selection/#selection-mode) :  When you tap on a row using a touch screen, the tapped row is automatically selected. This offers a straightforward way to select single rows with a touch interface.
 
-[`Multiple selection`](selection/#multiple-row-selection) : To perform multiple selection, `tap` on the multiple selection popup, and then tap the desired rows or cells.
+[`Multiple Row Selection`](selection/#multiple-row-selection) : To select multiple rows, you can utilize the multi-row selection feature. When you tap on a row, a popup is displayed, indicating the option for multi-row selection. Tap on the popup, and then proceed to tap on the desired rows you want to select. This allows you to select and interact with multiple rows simultaneously, as shown in the following image:
 
-![Multiple selection](../images/multiple-selection.PNG)
-
-## See Also
-
-* [Touch interaction](../touch-interaction#selection)
\ No newline at end of file
+![Multiple selection](../images/multiple-selection.PNG)
\ No newline at end of file
diff --git a/ej2-vue/grid/accessibility.md b/ej2-vue/grid/accessibility.md
index 0890806cd..7781f6278 100644
--- a/ej2-vue/grid/accessibility.md
+++ b/ej2-vue/grid/accessibility.md
@@ -274,7 +274,7 @@ The accessibility compliance of the Grid component is shown in the following sam
     <div id="app">
       <ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true' 
       :toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6' 
-      :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
+      :selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
         <e-columns>
           <e-column type="checkbox" width=50></e-column>
           <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
@@ -335,7 +335,7 @@ const app = createApp();
             })
           }
       }
-      const groupCaptionTemplate: function () {
+      const groupCaptionTemplate= function () {
         return  { template : app.component('sumTemplate', {
             template: `<span>Max: {{data.Max}}</span>`,
             data () {return { data: {}};}
@@ -363,7 +363,7 @@ const app = createApp();
     <div id="app">
       <ejs-grid :dataSource="data" :allowPaging="true" :pageSettings='pageSettings' :allowSorting='true' :sortSettings='sortSettings' :showColumnChooser='true' 
       :toolbar="toolbar" :editSettings='editSettings' :allowFiltering='true' :filterSettings='filterSettings' :searchSettings='searchSettings' :selectedRowIndex='6' 
-      :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
+      :selectionSettings='selectionSettings' :allowGrouping='true' :groupSettings='groupSettings' :allowRowDragAndDrop="true" :allowReordering='true'>
         <e-columns>
           <e-column type="checkbox" width=50></e-column>
           <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
diff --git a/ej2-vue/grid/grouping/grouping.md b/ej2-vue/grid/grouping/grouping.md
index e41281dbd..9041a85c2 100644
--- a/ej2-vue/grid/grouping/grouping.md
+++ b/ej2-vue/grid/grouping/grouping.md
@@ -273,13 +273,12 @@ The following example demonstrates the function that collapses the selected row
 <template>
   <div id="app">
     <div style="display: inline-block;">
-      <ejs-numerictextbox id='textbox' floatLabelType="Auto" format="##"  width='200px' placeholder="Enter Grouped Row Index"></ejs-numerictextbox>
+      <ejs-numerictextbox ref='textbox' id='textbox' floatLabelType="Auto" format="##"  width='240px' 
+      placeholder="Enter Grouped Row Index" ></ejs-numerictextbox>
+      <ejs-button ref='button' cssClass='e-outline' v-on:click="onExpandCollapseButtonClick" style='margin-top:25px; margin-left:5px'>Collapse or Expand Row</ejs-button> 
     </div>
-    <div style="display: inline-block;">
-      <ejs-button ref='button' cssClass='e-outline' v-on:click.native="onExpandCollapseButtonClick">Collapse or Expand Row</ejs-button>
-    </div> 
     <div style="padding-top:5px"><p style="color:red;" id="message">{{ message }}</p></div>
-    <ejs-grid ref='grid' style="padding-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
+    <ejs-grid ref='grid' style="margin-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
       <e-columns>
         <e-column field='OrderID' headerText='Order ID' textAlign='Right' :allowGrouping='false' width=90></e-column>
         <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
@@ -292,38 +291,39 @@ The following example demonstrates the function that collapses the selected row
 <script setup>
 import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Group } from "@syncfusion/ej2-vue-grids";
-import { ButtonComponent as EjsButton} from "@syncfusion/ej2-vue-buttons";
+import { ButtonComponent as EjsButton } from "@syncfusion/ej2-vue-buttons";
 import { NumericTextBoxComponent as EjsNumerictextbox } from '@syncfusion/ej2-vue-inputs';
 import { data } from './datasource.js';
 const grid = ref(null);
-      const groupOptions = { columns: ['CustomerID'] };
-      let message = '';
-    const onExpandCollapseButtonClick = function(args) {
-      const groupedRowIndex = parseInt(textbox.value);
-      const groupedRows = Array.from(
-        grid.ej2Instances.getContentTable().querySelectorAll('.e-recordplusexpand, .e-recordpluscollapse')
-      );
-      if (groupedRows.length >= 0 && groupedRowIndex < groupedRows.length) {
-        message = '';
-        const groupCaptionElement = groupedRows[groupedRowIndex];
-        grid.ej2Instances.groupModule.expandCollapseRows(groupCaptionElement);
-      } else {
-        message =
-          'The entered index exceeds the total number of grouped rows. Please enter a valid grouped index.';
-      }
-    }
-  provide('grid',  [Group]);
+const textbox =ref(null);
+const groupOptions = { columns: ['CustomerID'] };
+const message = ref(null);
+const onExpandCollapseButtonClick = function () {
+  const groupedRowIndex = parseInt(textbox.value.ej2Instances.value);
+  const groupedRows = Array.from(
+    grid.value.ej2Instances.getContentTable().querySelectorAll('.e-recordplusexpand, .e-recordpluscollapse')
+  );
+  if (groupedRows.length >= 0 && groupedRowIndex < groupedRows.length) {
+    message.value = '';
+    const groupCaptionElement = groupedRows[groupedRowIndex];
+    grid.value.ej2Instances.groupModule.expandCollapseRows(groupCaptionElement);
+  } else {
+    message.value =
+      'The entered index exceeds the total number of grouped rows. Please enter a valid grouped index.';
+  }
+}
+provide('grid', [Group]);
 </script>
 <style>
-  @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
 </style>
 {% endraw %}
 {% endhighlight %}
@@ -332,11 +332,10 @@ const grid = ref(null);
 <template>
   <div id="app">
     <div style="display: inline-block;">
-      <ejs-numerictextbox id='textbox' floatLabelType="Auto" format="##"  width='200px' placeholder="Enter Grouped Row Index"></ejs-numerictextbox>
+      <ejs-numerictextbox ref='textbox' id='textbox' floatLabelType="Auto" format="##"  width='240px' 
+      placeholder="Enter Grouped Row Index" ></ejs-numerictextbox>
+      <ejs-button ref='button' cssClass='e-outline' v-on:click="onExpandCollapseButtonClick" style='margin-top:25px; margin-left:5px'>Collapse or Expand Row</ejs-button> 
     </div>
-    <div style="display: inline-block;">
-      <ejs-button ref='button' cssClass='e-outline' v-on:click.native="onExpandCollapseButtonClick">Collapse or Expand Row</ejs-button>
-    </div> 
     <div style="padding-top:5px"><p style="color:red;" id="message">{{ message }}</p></div>
     <ejs-grid ref='grid' style="padding-top: 5px" :dataSource='data' :allowGrouping='true' :groupSettings='groupOptions' height='267px'>
       <e-columns>
@@ -370,9 +369,9 @@ components: {
     };
   },
   methods: {
-    onExpandCollapseButtonClick: function(args) {
+    onExpandCollapseButtonClick: function() {
       let grid = this.$refs.grid.$el.ej2_instances[0];
-      const groupedRowIndex = parseInt(textbox.value);
+      const groupedRowIndex = parseInt(this.$refs.textbox.value);
       const groupedRows = Array.from(
         grid.getContentTable().querySelectorAll('.e-recordplusexpand, .e-recordpluscollapse')
       );
diff --git a/ej2-vue/grid/pdf-export/exporting-grid-in-server.md b/ej2-vue/grid/pdf-export/exporting-grid-in-server.md
index efa2e3a17..a7907b356 100644
--- a/ej2-vue/grid/pdf-export/exporting-grid-in-server.md
+++ b/ej2-vue/grid/pdf-export/exporting-grid-in-server.md
@@ -303,10 +303,127 @@ The following example demonstrates how to pass additional parameters to the serv
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
-{% include code-snippet/grid/pdf/additional-parameters-export/app-composition.vue %}
+{% raw %}
+<template>
+    <div id="app">
+      <div style="margin-left:180px"><p style="color:red;" id="message">{{message}}</p></div>
+      <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :pdfExportComplete='pdfExportComplete' :toolbarClick='toolbarClick'>
+          <e-columns>
+            <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
+            <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+            <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
+            <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
+          </e-columns>
+      </ejs-grid>
+    </div>
+</template>
+<script setup>
+import { provide, ref } from "vue";
+import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
+import { Query } from '@syncfusion/ej2-data';
+import { data } from './datasource.js';
+const grid = ref(null);
+      const toolbarOptions = ['PdfExport'];
+      const queryClone = ref(null);
+      const message = ref(null);
+      const toolbarClick = (args) => {
+      if (args.item.id === 'Grid_pdfexport') {
+        queryClone.value = grid.value.ej2Instances.query;
+        grid.value.ej2Instances.query = new Query().addParams('recordcount', '15');
+        message.value =
+            'Key: ' +
+            grid.value.ej2Instances.query.params[0].key +
+            ' and Value: ' +
+            grid.value.ej2Instances.query.params[0].value + ' on ' + args.item.text;
+        grid.value.pdfExport();
+      }  
+    }
+    const pdfExportComplete = () => {
+      grid.value.ej2Instances.query = queryClone.value;
+    }
+  provide('grid',  [Toolbar, PdfExport]);
+</script>
+<style>
+  @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
+{% endraw %}
 {% endhighlight %}
 {% highlight html tabtitle="Options API (~/src/App.vue)" %}
-{% include code-snippet/grid/pdf/additional-parameters-export/app.vue %}
+{% raw %}
+<template>
+    <div id="app">
+      <div style="margin-left:180px"><p style="color:red;" id="message">{{message}}</p></div>
+      <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :pdfExportComplete='pdfExportComplete' :toolbarClick='toolbarClick'>
+          <e-columns>
+            <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
+            <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+            <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
+            <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
+          </e-columns>
+      </ejs-grid>
+    </div>
+</template>
+<script>
+import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
+import { Query } from '@syncfusion/ej2-data';
+import { data } from './datasource.js';
+export default {
+name: "App",
+components: {
+"ejs-grid":GridComponent,
+"e-columns":ColumnsDirective,
+"e-column":ColumnDirective
+},
+  data() {
+    return {
+      data: data,
+      toolbarOptions: ['PdfExport'],
+      queryClone:'',
+      message:''
+    };
+  },
+  methods: {
+    toolbarClick(args) {
+      if (args.item.id === 'Grid_pdfexport') {
+        this.queryClone = this.$refs.grid.ej2Instances.query;
+        this.$refs.grid.ej2Instances.query = new Query().addParams('recordcount', '15');
+        this.message =
+            'Key: ' +
+            this.$refs.grid.ej2Instances.query.params[0].key +
+            ' and Value: ' +
+            this.$refs.grid.ej2Instances.query.params[0].value + ' on ' + args.item.text;
+        this.$refs.grid.pdfExport();
+      }  
+    },
+    pdfExportComplete() {
+      this.$refs.grid.ej2Instances.query = this.queryClone;
+    }
+  },
+  provide: {
+    grid: [Toolbar, PdfExport]
+  }
+}
+</script>
+<style>
+  @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
+{% endraw %}
 {% endhighlight %}
 {% endtabs %}
         
diff --git a/ej2-vue/grid/pdf-export/exporting-with-templates.md b/ej2-vue/grid/pdf-export/exporting-with-templates.md
index 8041c27cd..2a954baea 100644
--- a/ej2-vue/grid/pdf-export/exporting-with-templates.md
+++ b/ej2-vue/grid/pdf-export/exporting-with-templates.md
@@ -71,7 +71,7 @@ const grid = ref(null);
                 };
             }
         }
-    provide('grid',  [PdfExport, Toolbar],);,
+    provide('grid',[PdfExport, Toolbar]);
 </script>
 <style>
   @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
diff --git a/ej2-vue/grid/pdf-export/pdf-export.md b/ej2-vue/grid/pdf-export/pdf-export.md
index 3efbb7f78..eaf22ee0e 100644
--- a/ej2-vue/grid/pdf-export/pdf-export.md
+++ b/ej2-vue/grid/pdf-export/pdf-export.md
@@ -89,59 +89,60 @@ The following example shows how to export the grid with a custom aggregate that
 <template>
   <div id="app">
     <ejs-grid ref='grid' id='Grid' :dataSource='data' :toolbar='toolbarOptions' height='272px' :allowPdfExport='true' :toolbarClick='toolbarClick'>
-        <e-columns>
-          <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
-          <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
-          <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
-          <e-column field='ShipCountry' headerText='Ship Country' width=100></e-column>
-        </e-columns>
-        <e-aggregates>
-          <e-aggregate>
-            <e-columns>
-              <e-column columnName="ShipCountry" type="Custom" :customAggregate="customAggregateFn" :footerTemplate='footerTemp'></e-column>
-            </e-columns>
-          </e-aggregate>
-        </e-aggregates>
-      </ejs-grid>
+      <e-columns>
+        <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
+        <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+        <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
+        <e-column field='ShipCountry' headerText='Ship Country' width=100></e-column>
+      </e-columns>
+      <e-aggregates>
+        <e-aggregate>
+          <e-columns>
+            <e-column columnName="ShipCountry" type="Custom" :customAggregate="customAggregateFn"
+              :footerTemplate='footerTemp'></e-column>
+          </e-columns>
+        </e-aggregate>
+      </e-aggregates>
+    </ejs-grid>
   </div>
 </template>
 <script setup>
 import { provide, ref, createApp } from "vue";
-import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
-import { data, changedData } from './datasource.js';
-const app = createApp();
+import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, AggregateDirective as EAggregate, AggregatesDirective as EAggregates, Toolbar, PdfExport, Aggregate } from "@syncfusion/ej2-vue-grids";
+import { data } from './datasource.js';
 const grid = ref(null);
-      const toolbarOptions = ['PdfExport'];
-      const footerTemp = function () {
-        return {
-          template: app.component('footerTemplate', {
-            template: `<span> {{data.Custom}} </span>`,
-            data() { return { data: {} }; }
-          })
-        }
-      }
-    const toolbarClick = (args) => {
-      if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
-        grid.value.pdfExport();
-      }
-    }
-    const customAggregateFn = function(data) {
-      const brazilCount = data.result ? data.result.filter((item) => item['ShipCountry'] === 'Brazil').length
-      : data.filter((item) => item['ShipCountry'] === 'Brazil').length;
-    return `Brazil count: ${brazilCount}`;
-    }
-  provide('grid',  [Toolbar, PdfExport, Aggregate]);
+const app = createApp();
+const toolbarOptions = ['PdfExport'];
+const footerTemp = function () {
+  return {
+    template: app.component('footerTemplate', {
+      template: `<span> {{data.Custom}} </span>`,
+      data() { return { data: {} }; }
+    })
+  }
+}
+const toolbarClick = (args) => {
+  if (args.item.id === 'Grid_pdfexport') { // 'Grid_pdfexport' -> Grid component id + _ + toolbar item name
+    grid.value.pdfExport();
+  }
+}
+const customAggregateFn = function (data) {
+  const brazilCount = data.result ? data.result.filter((item) => item['ShipCountry'] === 'Brazil').length
+    : data.filter((item) => item['ShipCountry'] === 'Brazil').length;
+  return `Brazil count: ${brazilCount}`;
+}
+provide('grid', [Toolbar, PdfExport, Aggregate]);
 </script>
 <style>
-  @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
-  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
 </style>
 {% endraw %}
 {% endhighlight %}
@@ -167,8 +168,8 @@ const grid = ref(null);
   </div>
 </template>
 <script>
-import { GridComponent, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
-import { data, changedData } from './datasource.js';
+import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, PdfExport, Aggregate, AggregatesDirective, AggregateDirective } from "@syncfusion/ej2-vue-grids";
+import { data } from './datasource.js';
 import { createApp } from "vue";
 const app = createApp();
 export default {
diff --git a/ej2-vue/grid/sorting.md b/ej2-vue/grid/sorting.md
index b5c5aab0e..a0e588e36 100644
--- a/ej2-vue/grid/sorting.md
+++ b/ej2-vue/grid/sorting.md
@@ -363,17 +363,19 @@ The following example demonstrates how the [actionBegin](https://ej2.syncfusion.
     </div>
 </template>
 <script setup>
-import { provide } from "vue";
+import { provide, ref } from "vue";
 import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Sort } from "@syncfusion/ej2-vue-grids";
 import { data } from './datasource.js';
-    const actionBegin = (args) => {
-      if (args.requestType === 'sorting' && args.columnName === 'OrderID') {
-        args.cancel = true;
-      }
-    },
-    const actionComplete = (args) => {
-      this.message = args.requestType + ' action completed for ' + args.columnName + ' column';
-    }
+const message = ref(null);
+const actionBegin = (args) => {
+  if (args.requestType === 'sorting' && args.columnName === 'OrderID') {
+    args.cancel = true;
+    message.value = args.requestType + ' action cancelled for ' + args.columnName + ' column';
+  }
+}
+const actionComplete = (args) => {
+  message.value = args.requestType + ' action completed for ' + args.columnName + ' column';
+}
   provide('grid',  [Sort]);
 </script>
 <style>
@@ -416,13 +418,15 @@ components: {
 },
   data() {
     return {
-      data: data
+      data: data,
+      message:''
     };
   },
   methods: {
     actionBegin(args) {
       if (args.requestType === 'sorting' && args.columnName === 'OrderID') {
         args.cancel = true;
+        this.message = args.requestType + ' action cancelled for ' + args.columnName + ' column';
       }
     },
     actionComplete(args) {
diff --git a/ej2-vue/grid/tool-bar/tool-bar-items.md b/ej2-vue/grid/tool-bar/tool-bar-items.md
index 7d51b199a..f93253c9e 100644
--- a/ej2-vue/grid/tool-bar/tool-bar-items.md
+++ b/ej2-vue/grid/tool-bar/tool-bar-items.md
@@ -105,10 +105,117 @@ The following example demonstrates, how to use both built-in and custom toolbar
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
-{% include code-snippet/grid/toolbar/default-cs4/app-composition.vue %}
+{% raw %}
+<template>
+  <div id="app">
+    <div style="margin-left:180px">
+      <p style="color:red;" id="message">{{ message }}</p>
+    </div>
+    <ejs-grid ref='grid' :dataSource='data' height='200px' :editSettings='editSettings' :toolbar='toolbar'
+      :toolbarClick='clickHandler'>
+      <e-columns>
+        <e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true'
+          :validationRules='orderIDRules' width=90></e-column>
+        <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+        <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
+        <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
+      </e-columns>
+    </ejs-grid>
+  </div>
+</template>
+<script setup>
+import { provide, ref } from "vue";
+import { GridComponent as EjsGrid, ColumnDirective as EColumn, ColumnsDirective as EColumns, Toolbar, Edit } from "@syncfusion/ej2-vue-grids";
+import { data } from './datasource.js';
+const message = ref(null);
+const orderIDRules = { required: true };
+const editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true };
+const toolbar = [
+  'Add', 'Edit', 'Delete', 'Update', 'Cancel',
+  { text: 'Click', tooltipText: 'Click', prefixIcon: 'e-expand', id: 'Click' }
+];
+const clickHandler = function (args) {
+  if (args.item.id === 'Click') {
+    message.value = `Custom Toolbar Clicked`;
+  }
+}
+provide('grid', [Toolbar, Edit]);
+</script>
+<style>
+@import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
+@import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
+{% endraw %}
 {% endhighlight %}
 {% highlight html tabtitle="Options API (~/src/App.vue)" %}
-{% include code-snippet/grid/toolbar/default-cs4/app.vue %}
+{% raw %}
+<template>
+  <div id="app">
+    <div style="margin-left:180px"><p style="color:red;" id="message">{{ message }}</p></div>
+    <ejs-grid ref='grid' :dataSource='data' height='200px' :editSettings='editSettings' :toolbar='toolbar' :toolbarClick='clickHandler'>
+      <e-columns>
+        <e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true' :validationRules='orderIDRules' width=90></e-column>
+        <e-column field='CustomerID' headerText='Customer ID' width=100></e-column>
+        <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
+        <e-column field='ShipName' headerText='Ship Name' width=120></e-column>
+      </e-columns>
+    </ejs-grid>
+  </div>
+</template>
+<script>
+
+import { GridComponent, ColumnsDirective, ColumnDirective, Toolbar, Edit } from "@syncfusion/ej2-vue-grids";
+import { data } from './datasource.js';
+export default {
+name: "App",
+components: {
+"ejs-grid":GridComponent,
+"e-columns":ColumnsDirective,
+"e-column":ColumnDirective
+},
+  data() {
+    return {
+      data: data,
+      message:'',
+      orderIDRules: { required: true },
+      editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true },
+      toolbar: [
+        'Add', 'Edit', 'Delete', 'Update', 'Cancel', 
+        { text: 'Click', tooltipText: 'Click', prefixIcon: 'e-expand', id: 'Click' }
+      ]
+    };
+  },
+  methods: {
+      clickHandler: function(args) {
+        if (args.item.id === 'Click') {
+          this.message = `Custom Toolbar Clicked`;
+        }
+    }
+  },
+  provide: {
+      grid: [Toolbar, Edit]
+  }
+}
+</script>
+<style>
+  @import "../node_modules/@syncfusion/ej2-base/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-popups/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css";
+  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css";
+</style>
+{% endraw %}
 {% endhighlight %}
 {% endtabs %}
         
diff --git a/ej2-vue/spreadsheet/context-menu.md b/ej2-vue/spreadsheet/context-menu.md
index f414a28bc..4fc81abc8 100644
--- a/ej2-vue/spreadsheet/context-menu.md
+++ b/ej2-vue/spreadsheet/context-menu.md
@@ -38,10 +38,10 @@ Please find the table below for default context menu items and their actions.
 | [`Copy`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#copy) | Copy the selected row/column header data to the clipboard, so that you can paste it to somewhere else. |
 | [`Paste`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#paste) | Paste the data from clipboard to spreadsheet. |
 | [`Paste Special`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. |
-| [`Insert Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertrow) | Insert new rows or columns into the worksheet. |
-| [`Delete Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#deleterow) | Delete existing rows or columns from the worksheet. |
-| [`Hide Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insert) | Hide the rows and columns. |
-| [`UnHide Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete) | Show the hidden rows and columns. |
+| [`Insert Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertrow) / [`Insert Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertcolumn) | Insert new rows or columns into the worksheet. |
+| [`Delete Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete) / [`Delete Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete) | Delete existing rows or columns from the worksheet. |
+| [`Hide Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#hiderow) / [`Hide Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#hidecolumn) | Hide the rows or columns. |
+| [`UnHide Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#hiderow) / [`UnHide Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#hidecolumn) | Show the hidden rows or columns. |
 
 ## Context Menu Items in Pager