From 4a5c21a3ba45aeee703467c4e9a7f15f8fe6b50c Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 3 Nov 2025 11:51:48 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=A6=AC=EC=82=AC=EC=9D=B4=EC=A6=88=20?=
 =?UTF-8?q?=ED=95=B8=EB=93=A4=20=ED=81=B4=EB=A6=AD=20=EC=98=81=EC=97=AD=20?=
 =?UTF-8?q?=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 핸들 너비를 1px에서 2px로 증가
- z-index: 20 추가로 다른 요소 위에 표시
- padding과 negative margin으로 클릭 영역 확대 (좌우 4px씩)
- onClick에 stopPropagation 추가하여 정렬 클릭 방지
- 더 쉽게 클릭하고 드래그할 수 있도록 개선
---
 frontend/components/screen/InteractiveDataTable.tsx           | 4 +++-
 .../lib/registry/components/table-list/TableListComponent.tsx | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/components/screen/InteractiveDataTable.tsx b/frontend/components/screen/InteractiveDataTable.tsx
index 1eab54ed..8a31756c 100644
--- a/frontend/components/screen/InteractiveDataTable.tsx
+++ b/frontend/components/screen/InteractiveDataTable.tsx
@@ -1951,7 +1951,9 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
                             {/* 리사이즈 핸들 */}
                             {columnIndex < visibleColumns.length - 1 && (
                               <div
-                                className="absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-blue-500"
+                                className="absolute right-0 top-0 h-full w-2 cursor-col-resize hover:bg-blue-500 z-20"
+                                style={{ marginRight: '-4px', paddingLeft: '4px', paddingRight: '4px' }}
+                                onClick={(e) => e.stopPropagation()}
                                 onMouseDown={(e) => {
                                   e.preventDefault();
                                   e.stopPropagation(); // 상위 컴포넌트 드래그 이벤트 방지
diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx
index c957e3cc..5dd90227 100644
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -1051,7 +1051,8 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
                         {/* 리사이즈 핸들 */}
                         {columnIndex < visibleColumns.length - 1 && (
                           <div
-                            className="absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-blue-500"
+                            className="absolute right-0 top-0 h-full w-2 cursor-col-resize hover:bg-blue-500 z-20"
+                            style={{ marginRight: '-4px', paddingLeft: '4px', paddingRight: '4px' }}
                             onClick={(e) => e.stopPropagation()} // 정렬 클릭 방지
                             onMouseDown={(e) => {
                               e.preventDefault();