summaryrefslogtreecommitdiff
path: root/components/data-table/data-table-resizer.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'components/data-table/data-table-resizer.tsx')
-rw-r--r--components/data-table/data-table-resizer.tsx12
1 files changed, 9 insertions, 3 deletions
diff --git a/components/data-table/data-table-resizer.tsx b/components/data-table/data-table-resizer.tsx
index 9723a0b4..8053606d 100644
--- a/components/data-table/data-table-resizer.tsx
+++ b/components/data-table/data-table-resizer.tsx
@@ -18,9 +18,10 @@ export function DataTableResizer<TData, TValue>({
// 더블클릭 시 너비 자동 조정 함수
const handleDoubleClick = React.useCallback(() => {
+
// 테이블 인스턴스 가져오기
const table = header.getContext().table
-
+
// 0. 몇 가지 기본 설정
const defaultMinWidth = 80 // 기본 최소 너비
const extraPadding = 24 // 여유 공간
@@ -75,15 +76,20 @@ export function DataTableResizer<TData, TValue>({
table.setColumnSizing(updatedSizing)
}, [header])
+ const handleMouseDown = React.useCallback((e: React.MouseEvent) => {
+ // 기본 resize handler 사용
+ header.getResizeHandler()(e);
+ }, [header]);
+
return (
<>
{/* 헤더 콘텐츠 참조를 위한 요소 */}
<div ref={contentRef} className="absolute opacity-0 pointer-events-none" />
-
+
{/* 리사이저 */}
<div
{...props}
- onMouseDown={header.getResizeHandler()}
+ onMouseDown={handleMouseDown}
onTouchStart={header.getResizeHandler()}
onDoubleClick={handleDoubleClick} // 더블클릭 핸들러 추가
className={cn(