From 9eb8e80f4f736c4edffa650c685d1f170ca51aa1 Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Thu, 15 May 2025 01:19:49 +0000
Subject: (대표님) 구매 요청사항 반영한 통합 rfq / 필터 개인화 / po-rfq
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hooks/useAutoSizeColumns.ts | 40 +++++++++++++++++++++++++++++++---------
 1 file changed, 31 insertions(+), 9 deletions(-)

(limited to 'hooks/useAutoSizeColumns.ts')

diff --git a/hooks/useAutoSizeColumns.ts b/hooks/useAutoSizeColumns.ts
index 3750de97..6e9cc7dc 100644
--- a/hooks/useAutoSizeColumns.ts
+++ b/hooks/useAutoSizeColumns.ts
@@ -1,6 +1,13 @@
-// hooks/useAutoSizeColumns.ts
 import { useEffect, useRef } from "react"
-import { Table } from "@tanstack/react-table"
+import { Table, ColumnDef } from "@tanstack/react-table"
+
+// 커스텀 메타 타입 정의
+declare module '@tanstack/react-table' {
+  interface ColumnMeta<TData, TValue> {
+    paddingFactor?: number;
+    excelHeader?: string;
+  }
+}
 
 export function useAutoSizeColumns<T>(
   table: Table<T>,
@@ -29,7 +36,7 @@ export function useAutoSizeColumns<T>(
           
           const columnId = column.id
           // Get column-specific padding from meta if available
-          const paddingFactor = column.columnDef.meta?.paddingFactor as number || 1
+          const paddingFactor = column.columnDef.meta?.paddingFactor || 1
           const extraPadding = paddingFactor * defaultPadding
           
           // Get all cells for this column
@@ -41,15 +48,30 @@ export function useAutoSizeColumns<T>(
           measureElement.style.position = 'absolute'
           measureElement.style.visibility = 'hidden'
           measureElement.style.whiteSpace = 'nowrap'
-          measureElement.style.font = headerElement 
-            ? window.getComputedStyle(headerElement).font 
+          measureElement.style.font = headerElement
+            ? window.getComputedStyle(headerElement).font
             : window.getComputedStyle(document.body).font
           document.body.appendChild(measureElement)
           
-          // Measure header
-          const headerText = headerElement?.textContent || ""
-          measureElement.textContent = headerText
-          let maxWidth = measureElement.getBoundingClientRect().width
+          // Measure header - 헤더 요소 자체의 너비를 직접 측정
+          let headerWidth = 0
+          if (headerElement) {
+            // 1. 먼저 텍스트 콘텐츠 측정
+            const headerText = headerElement.textContent || ""
+            measureElement.textContent = headerText
+            headerWidth = measureElement.getBoundingClientRect().width
+            
+            // 2. 헤더에 아이콘이나 다른 요소가 있을 경우를 고려
+            // 헤더 요소의 실제 너비 확인 (텍스트외 요소 포함)
+            const headerClientWidth = headerElement.querySelector('div')?.clientWidth || 
+                                     headerElement.clientWidth || 0
+            
+            // 텍스트 너비와 실제 요소 너비 중 큰 값 선택
+            headerWidth = Math.max(headerWidth, headerClientWidth)
+          }
+          
+          // 초기 최대 너비를 헤더 너비로 설정
+          let maxWidth = headerWidth
           
           // Measure cells (limit to first 20 for performance)
           Array.from(cells).slice(0, 20).forEach(cell => {
-- 
cgit v1.2.3