diff --git a/packages/common/business_components/src/ui/standard_data_table/index.tsx b/packages/common/business_components/src/ui/standard_data_table/index.tsx
index 643d6c06a..3f4d05b8e 100644
--- a/packages/common/business_components/src/ui/standard_data_table/index.tsx
+++ b/packages/common/business_components/src/ui/standard_data_table/index.tsx
@@ -278,11 +278,34 @@ function StandardDataTableRenderer<T>({
         {table.getHeaderGroups().map((headerGroup) => (
           <TableRow key={headerGroup.id}>
             {headerGroup.headers.map((header) => {
+              const columnRelativeDepth = header.depth - header.column.depth;
+              if (
+                !header.isPlaceholder &&
+                columnRelativeDepth > 1 &&
+                header.id === header.column.id
+              ) {
+                return null;
+              }
+
+              let rowSpan = 1;
+              if (header.isPlaceholder) {
+                const leafHeaders = header.getLeafHeaders();
+                rowSpan =
+                  (leafHeaders[leafHeaders.length - 1]?.depth ?? 0) -
+                  header.depth;
+              }
+
               const pinned = getPinnedProps(header.column.id);
+              const isNestedGroupHeader =
+                !header.isPlaceholder && header.column.columns.length > 0;
               return (
                 <TableHead
                   key={header.id}
                   colSpan={header.colSpan}
+                  rowSpan={rowSpan}
+                  className={cn(
+                    isNestedGroupHeader && "data-table-group-header",
+                  )}
                   data-pinned={pinned.pinned}
                   style={pinned.style}
                   align={header.column.columnDef.meta?.align}