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

1 files changed, 5 insertions, 2 deletions

diff --git a/components/data-table/expandable-data-table.tsx b/components/data-table/expandable-data-table.tsx
index 15c59540..d36f0251 100644
--- a/components/data-table/expandable-data-table.tsx
+++ b/components/data-table/expandable-data-table.tsx
@@ -532,7 +532,9 @@ export function ExpandableDataTable<TData>({
                         )}
                         style={{
                           ...getPinnedStyle(header.column, true),
-                          width: header.getSize()
+                          // 부모 그룹 헤더는 colSpan으로 너비가 결정되므로 width 설정하지 않음
+                          // 자식 헤더만 개별 width 설정
+                          ...(!('columns' in header.column.columnDef) && { width: header.getSize() }),
                         }}
                       >
                         <div style={{ position: "relative" }}>
@@ -543,7 +545,8 @@ export function ExpandableDataTable<TData>({
                               header.getContext()
                             )}
 
-                          {header.column.getCanResize() && (
+                          {/* 부모 그룹 헤더는 리사이즈 불가, 자식 헤더만 리사이즈 가능 */}
+                          {header.column.getCanResize() && !('columns' in header.column.columnDef) && (
                             <DataTableResizer header={header} />
                           )}
                         </div>