bug(EJ2-4677): grid sample changes

Author: pipeline

src/grid/columnresize-plnkr.json

@@ -13,14 +13,17 @@ this.default = (): void => {
             allowResizing: true,
             height: 400,
             columns: [
-                { field: 'OrderID', headerText: 'Order ID', minWidth: 120, width: 200, maxWidth: 300, textAlign: 'right' },
-                { field: 'CustomerName', headerText: 'Customer Name', width: 200 },
-                { field: 'OrderDate', headerText: 'Order Date', width: 200, format: 'yMd', textAlign: 'right' },
-                { field: 'Freight', width: 150, format: 'C2', textAlign: 'right' },
-                { field: 'ShipName', headerText: 'Ship Name', width: 300 },
-                { field: 'ShippedDate', headerText: 'Shipped Date', width: 200, format: 'yMd', textAlign: 'right', allowResizing: false },
-                { field: 'ShipCountry', headerText: 'Ship Country', width: 200 },
-                { field: 'ShipCity', headerText: 'Ship City', width: 200 }
+                { field: 'OrderID', headerText: 'Order ID', minWidth: 10, width: 200, maxWidth: 300, textAlign: 'right' },
+                { field: 'CustomerName', headerText: 'Customer Name', minWidth: 10, width: 200 },
+                { field: 'OrderDate', headerText: 'Order Date', width: 200, minWidth: 10, format: 'yMd', textAlign: 'right' },
+                { field: 'Freight', width: 150, format: 'C2', minWidth: 10, textAlign: 'right' },
+                { field: 'ShipName', headerText: 'Ship Name', minWidth: 10, width: 300 },
+                {
+                    field: 'ShippedDate', headerText: 'Shipped Date', minWidth: 10,
+                    width: 200, format: 'yMd', textAlign: 'right', allowResizing: false
+                },
+                { field: 'ShipCountry', headerText: 'Ship Country', minWidth: 10, width: 200 },
+                { field: 'ShipCity', headerText: 'Ship City', minWidth: 10, width: 200 }
             ]
         });
     grid.appendTo('#Grid');