fix: use only grid with defined columns

Author: Lipata

packages/cli/templates/react/igr-es6/grid/basic/files/src/views/__path__/index.js

@@ -30,9 +30,14 @@ export default class $(ClassName) extends Component {
 				<div className={style.grid}>
 					<IgrDataGrid
 						height="100%"
-						width="100%"
-						autoGenerateColumns="true"
-						dataSource={this.data} />
+						autoGenerateColumns="false"
+						dataSource={this.data}>
+						<IgrNumericColumn field="ProductID" headerText="Product ID" />
+						<IgrTextColumn field="ProductName" headerText="Product Name" />
+						<IgrTextColumn field="QuantityPerUnit" headerText="Quantity Per Unit" />
+						<IgrNumericColumn field="UnitsInStock" headerText="Units In Stock" />
+						<IgrDateTimeColumn field="OrderDate" headerText="Order Date" />
+					</IgrDataGrid>
 				</div>
 				</div>
 			</div>

packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx

@@ -21,7 +21,33 @@ export default function $(ClassName)() {
       </div>
       <div className={style.container}>
         <div className={style.grid}>
-          <IgrGrid autoGenerate={true} data={data} />
+          <IgrGrid autoGenerate={false} data={data}>
+            <IgrColumn
+              field="ProductID"
+              header="Product ID"
+              dataType="number">
+            </IgrColumn>
+            <IgrColumn
+              field="ProductName"
+              header="Product Name"
+              dataType="string">
+            </IgrColumn>
+            <IgrColumn
+              field="QuantityPerUnit"
+              header="Quantity Per Unit"
+              dataType="string">
+            </IgrColumn>
+            <IgrColumn
+              field="UnitsInStock"
+              header="Units In Stock"
+              dataType="number">
+            </IgrColumn>
+            <IgrColumn
+              field="OrderDate"
+              header="Order Date"
+              dataType="date">
+            </IgrColumn>
+          </IgrGrid>
         </div>
       </div>
     </div>