feature(EJ2-3757): Virtual scrolling sample added.

Author: pipeline

src/grid/columntemplate-plnkr.json

@@ -12,7 +12,7 @@ this.default = (): void => {
         columns: [
             {
                 headerText: 'Employee Image', textAlign: 'center',
-                template: '#template', width: 150
+                template: '#template', width: 180
             },
             { field: 'EmployeeID', headerText: 'Employee ID', textAlign: 'right', width: 125 },
             { field: 'FirstName', headerText: 'Name', width: 120 },

src/grid/columntemplate.ts

@@ -12,7 +12,7 @@ this.default = (): void => {
             dataSource: employeeData,
             gridLines: 'default',
             columns: [
-                { field: 'EmployeeID', headerText: 'Employee ID', textAlign: 'right', width: 125 },
+                { field: 'EmployeeID', headerText: 'Employee ID', textAlign: 'right', width: 140 },
                 { field: 'FirstName', headerText: 'Name', width: 125 },
                 { field: 'Title', headerText: 'Title', width: 180 },
                 {

src/grid/gridlines-plnkr.json

@@ -12,7 +12,7 @@ this.default = (): void => {
             dataSource: employeeData,
             allowReordering: true,
             columns: [
-                { field: 'EmployeeID', headerText: 'Employee ID', textAlign: 'right', width: 125 },
+                { field: 'EmployeeID', headerText: 'Employee ID', textAlign: 'right', width: 140 },
                 { field: 'FirstName', headerText: 'Name', width: 125 },
                 { field: 'Title', headerText: 'Title', width: 190 },
                 {

src/grid/gridlines.ts

@@ -16,7 +16,7 @@ this.default = (): void => {
         height: 335,
         width: 'auto',
         columns: [
-            { headerText: 'Employee Image', width: 150, textAlign: 'center', field: 'OrderID' },
+            { headerText: 'Employee Image', width: 180, textAlign: 'center', field: 'OrderID' },
             { headerText: 'Employee Details', width: 300, field: 'EmployeeID', textAlign: 'left' }
         ]
     });