From fdab61148bed8d96a83c6db7e7829c62c9221ccd Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Fri, 10 Oct 2025 11:55:49 +0900
Subject: (김준회) style: nested header의 좌, 우에 border 처리 fix: AVL
 테이블에 요구사항대로 중첩헤더 추가
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/data-table/data-table.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'components/data-table/data-table.tsx')

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,
-- 
cgit v1.2.3