From a2bdcb61b7bd275a3de3a40c46409b6b58aad2e3 Mon Sep 17 00:00:00 2001
From: Mariela Tihova <MTihova@infragistics.com>
Date: Fri, 5 Sep 2025 11:10:12 +0300
Subject: [PATCH] Fixed empty grid template while loading data

---
 .../erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx   | 1 +
 projects/finance-grid/src/App.tsx                                | 1 +
 .../components/fleet-management-grid/fleet-management-grid.tsx   | 1 +
 projects/hr-portal/src/app/hr-portal/hr-portal.tsx               | 1 +
 4 files changed, 4 insertions(+)

diff --git a/projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx b/projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx
index 0c09f2b..0c59a7a 100644
--- a/projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx
+++ b/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%"
       >
diff --git a/projects/finance-grid/src/App.tsx b/projects/finance-grid/src/App.tsx
index 9969fae..9339efc 100644
--- a/projects/finance-grid/src/App.tsx
+++ b/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>
diff --git a/projects/fleet-management-grid/src/app/components/fleet-management-grid/fleet-management-grid.tsx b/projects/fleet-management-grid/src/app/components/fleet-management-grid/fleet-management-grid.tsx
index ff7a835..1f940a9 100644
--- a/projects/fleet-management-grid/src/app/components/fleet-management-grid/fleet-management-grid.tsx
+++ b/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"
diff --git a/projects/hr-portal/src/app/hr-portal/hr-portal.tsx b/projects/hr-portal/src/app/hr-portal/hr-portal.tsx
index 5784c08..6060e27 100644
--- a/projects/hr-portal/src/app/hr-portal/hr-portal.tsx
+++ b/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"