Merge pull request #42 from IgniteUI/mtihova/fix-39

Added loading indicator instead of empty grid template while loading data

Author: dkamburov

projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx

@@ -257,6 +257,7 @@ const ErpHGrid = () => {
         primaryKey="sku"
         moving={true}
         rowSelection={selectionMode}
+        isLoading={!gridData.length}
         width="100%"
         height="100%"
       >

projects/finance-grid/src/App.tsx

@@ -158,6 +158,7 @@ function FinanceGrid() {
         rowSelection="multiple"
         data={financeData}
         ref={gridRef}
+        isLoading={!financeData.length}
         className="grid-sizing"
       >
         <IgrGridToolbar>

projects/fleet-management-grid/src/app/components/fleet-management-grid/fleet-management-grid.tsx

@@ -391,6 +391,7 @@ export default function FleetManagement() {
       <div className="row-layout fleet-management-container">
         <IgrGrid
           data={vehiclesData}
+          isLoading={!vehiclesData.length}
           primaryKey="vehicleId"
           detailTemplate={masterDetailTemplate}
           className="ig-typography ig-scrollbar main-grid"

projects/hr-portal/src/app/hr-portal/hr-portal.tsx

@@ -110,6 +110,7 @@ export default function HRPortal() {
       autoGenerate={false}
       ref={gridRef}
       data={data}
+      isLoading={!data.length}
       primaryKey="ID"
       childDataKey="Employees"
       rowSelection="multipleCascade"