From 6808430c9ae74890d0f0e84f20a0ffe5409de157 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Thu, 31 Jul 2025 16:09:36 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20UITable=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EC=9D=98=20index=20props=EB=A5=BC=20=ED=86=B5?=
 =?UTF-8?q?=ED=95=B4=20=EC=99=B8=EB=B6=80=EC=97=90=EC=84=9C=20=EB=82=B4?=
 =?UTF-8?q?=EB=B6=80=20select=20idx=EB=A5=BC=20=EC=A0=9C=EC=96=B4=ED=95=A0?=
 =?UTF-8?q?=20=EC=88=98=20=EC=9E=88=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/table/index.tsx                    | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index c3f5f8a60..fa7c9b7fe 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -78,6 +78,10 @@ export function UiTable({
     }
   }, [tableData, headlist]);
 
+  useEffect(() => {
+    setIdx(index);
+  }, [index])
+
   const handlePageChange = (page: number) => {
     setCur(page);
     onPageChange(page);
@@ -120,10 +124,10 @@ export function UiTable({
                         (boldArray.includes(index) ? (
                           <TableCell
                             className={`${head.align === "right" ? "text-right" : head.align === "center" ? "text-center" : "text-center"} ${cellClick && idx === index
-                                ? "cursor-pointer !font-[1000]"
-                                : cellClick
-                                  ? "cursor-pointer"
-                                  : ""
+                              ? "cursor-pointer !font-[1000]"
+                              : cellClick
+                                ? "cursor-pointer"
+                                : ""
                               } sticky top-20 z-40 bg-secondary !font-bold`}
                             style={{ top: `${headerHeight + index * 32 - 4}px` }}
                             onClick={() => handleCellClick(index, head.id)}
@@ -151,10 +155,10 @@ export function UiTable({
                         ) : (
                           <TableCell
                             className={`${head.align === "right" ? "text-right" : head.align === "center" ? "text-center" : "text-center"} ${cellClick && idx === index
-                                ? "cursor-pointer !font-[1000]"
-                                : cellClick
-                                  ? "cursor-pointer"
-                                  : ""
+                              ? "cursor-pointer !font-[1000]"
+                              : cellClick
+                                ? "cursor-pointer"
+                                : ""
                               } mt-[${boldArray.length * 40}px]`}
                             onClick={() => handleCellClick(index, head.id)}
                             key={`cell-${head.id}-${index}`}