fix(AnalyticalTable): only show BusyIndicator if table has data (#6614)

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx

@@ -1496,8 +1496,9 @@ describe('AnalyticalTable', () => {
   });
 
   it('Loading & No Data', () => {
-    cy.mount(<AnalyticalTable data={[]} columns={columns} loading />);
+    cy.mount(<AnalyticalTable data={[]} columns={columns} loading loadingDelay={0} />);
     cy.get('[data-component-name="AnalyticalTableLoadingPlaceholder"]').should('be.visible');
+    cy.get('.ui5-busy-indicator-busy-area').should('not.exist');
     cy.mount(<AnalyticalTable data={data} columns={columns} loading />);
     cy.get('.ui5-busy-indicator-busy-area', { timeout: 2000 }).should('be.visible');
     cy.mount(<AnalyticalTable data={data} columns={columns} loading loadingDelay={50000} />);

packages/main/src/components/AnalyticalTable/index.tsx

@@ -699,7 +699,7 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
           className={classNames.tableContainerWithScrollBar}
           data-component-name="AnalyticalTableContainerWithScrollbar"
         >
-          {loading && (
+          {loading && !!rows.length && (
             <BusyIndicator
               className={classNames.busyIndicator}
               active={true}