(김준회) style: nested header의 좌, 우에 border 처리

fix: AVL 테이블에 요구사항대로 중첩헤더 추가

1 files changed, 6 insertions, 1 deletions

diff --git a/components/data-table/data-table.tsx b/components/data-table/data-table.tsx
index 2eb3e020..f344904e 100644
--- a/components/data-table/data-table.tsx
+++ b/components/data-table/data-table.tsx
@@ -91,7 +91,12 @@ export function DataTable<TData>({
                       key={header.id}
                       colSpan={header.colSpan}
                       data-column-id={header.column.id}
-                      className={cn(compactStyles.header, "whitespace-normal break-words")}
+                      className={cn(
+                        compactStyles.header,
+                        "whitespace-normal break-words",
+                        // 그룹 헤더(자식 컬럼이 있는 경우)에 스타일 적용 (nested column)
+                        ('columns' in header.column.columnDef) && "group-header"
+                      )}
                       style={{
                         ...getCommonPinningStylesWithBorder({
                           column: header.column,