(김준회) fix: data-table 공통컴포넌트의 nested columns에 대한 child column의 width 오류 수정

1 files changed, 5 insertions, 2 deletions

diff --git a/components/data-table/infinite-data-table.tsx b/components/data-table/infinite-data-table.tsx
index b8764d62..d766f35c 100644
--- a/components/data-table/infinite-data-table.tsx
+++ b/components/data-table/infinite-data-table.tsx
@@ -167,7 +167,9 @@ export function InfiniteDataTable<TData>({
                       className={compactStyles.header}
                       style={{
                         ...getPinnedStyle(header.column, true), // 🎯 헤더임을 명시
-                        width: header.getSize(), // 🎯 width 별도 설정
+                        // 부모 그룹 헤더는 colSpan으로 너비가 결정되므로 width 설정하지 않음
+                        // 자식 헤더만 개별 width 설정
+                        ...(!('columns' in header.column.columnDef) && { width: header.getSize() }),
                       }}
                     >
                       <div style={{ position: "relative" }}>
@@ -178,7 +180,8 @@ export function InfiniteDataTable<TData>({
                             header.getContext()
                           )}
 
-                        {header.column.getCanResize() && (
+                        {/* 부모 그룹 헤더는 리사이즈 불가, 자식 헤더만 리사이즈 가능 */}
+                        {header.column.getCanResize() && !('columns' in header.column.columnDef) && (
                           <DataTableResizer header={header} />
                         )}
                       </div>