Fixes virtualized Table empty content (#2161)

.changeset/quiet-kangaroos-teach.md

@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Fixed issue where `emptyTableContent` would not appear on virutalized `Table` components.

packages/itwinui-react/src/core/Table/Table.tsx

@@ -1153,7 +1153,7 @@ export const Table = <
           }
         >
           <ShadowRoot>
-            {enableVirtualization ? (
+            {enableVirtualization && data.length !== 0 ? (
               <div
                 style={{
                   minBlockSize: virtualizer.getTotalSize(),

testing/e2e/app/routes/Table/route.tsx

@@ -22,16 +22,17 @@ export default function Resizing() {
 
   const virtualizedData = React.useMemo(() => {
     const size = oneRow ? 1 : 100000;
+    if (empty) {
+      return [];
+    }
     const arr = new Array(size);
-    if (!empty) {
-      for (let i = 0; i < size; ++i) {
-        arr[i] = {
-          index: i,
-          name: `Name${i}`,
-          description: `Description${i}`,
-          id: i,
-        };
-      }
+    for (let i = 0; i < size; ++i) {
+      arr[i] = {
+        index: i,
+        name: `Name${i}`,
+        description: `Description${i}`,
+        id: i,
+      };
     }
     return arr;
   }, [oneRow, empty]);

testing/e2e/app/routes/Table/spec.ts

@@ -450,7 +450,11 @@ test.describe('Virtual Scroll Tests', () => {
     }); //Need to wait until the virtual rows are able to be rendered for the tests to work.
 
     const rows = page.getByRole('rowgroup').getByRole('row');
+    const emptyContent = page.getByRole('rowgroup').getByText('No Data.');
     expect((await rows.all()).length).toBe(0);
+
+    //Checks empty content to make sure it appears correctly.
+    await expect(emptyContent).toBeInViewport();
   });
 
   test('virtualized table should scroll to provided row', async ({ page }) => {