노후관로현황 그리드 수정

2026-09-10 14:06:24 +09:00
parent ec78658e46
commit b7134cb3e4
1 changed files with 23 additions and 0 deletions
@@ -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}