frontend: Table: Hide rows with hidden columns

This change ensures that when no columns are visible, the table does not
render any rows, making the behavior consistent with the "hide all"
button.

Fixes: #2932

Signed-off-by: Evangelos Skopelitis <[email protected]>

Author: skoeva

frontend/src/components/common/Table/Table.tsx

@@ -402,14 +402,16 @@ export default function Table<RowItem extends Record<string, any>>({
           </StyledHeadRow>
         </TableHead>
         <StyledBody>
-          {rows.map(row => (
-            <Row
-              key={row.id}
-              cells={row.getVisibleCells()}
-              table={table}
-              isSelected={row.getIsSelected()}
-            />
-          ))}
+          {headerGroups[0]?.headers?.length === 0
+            ? null
+            : rows.map(row => (
+                <Row
+                  key={row.id}
+                  cells={row.getVisibleCells()}
+                  table={table}
+                  isSelected={row.getIsSelected()}
+                />
+              ))}
         </StyledBody>
       </MuiTable>
       <MRT_BottomToolbar table={table} />