feat: table Data 변경시 셀 클릭 초기화 구현

packages/common/business_components/src/ui/table/index.tsx

@@ -49,6 +49,12 @@ export function UiTable({ tableData, headlist, pageSize, total, headName, childr
     }
   }, [resetSelection]);
 
+  // 테이블 데이터가 변경될 때마다 선택된 행 초기화하는 useEffect 추가
+  useEffect(() => {
+    // 새로운 데이터가 로드되면 선택 상태 초기화
+    setIdx(-1);
+  }, [tableData]);
+
   const handlePageChange = (page: number) => {
     setCur(page);
     onPageChange(page);
@@ -83,7 +89,7 @@ export function UiTable({ tableData, headlist, pageSize, total, headName, childr
                         ?
                         <TableCell
                           className={`${head.align === 'right' ? 'text-right' : head.align === 'center' ? 'text-center' : 'text-center'} ${cellClick && idx === index ? '!font-[1000] cursor-pointer' :
-                              cellClick ? 'cursor-pointer' : ''
+                            cellClick ? 'cursor-pointer' : ''
                             } !font-bold`}
                           onClick={() => handleCellClick(index, head.id)}
                           key={`cell-${head.id}-${index}`}
@@ -97,7 +103,7 @@ export function UiTable({ tableData, headlist, pageSize, total, headName, childr
                         :
                         <TableCell
                           className={`${head.align === 'right' ? 'text-right' : head.align === 'center' ? 'text-center' : 'text-center'} ${cellClick && idx === index ? '!font-[1000] cursor-pointer' :
-                              cellClick ? 'cursor-pointer' : ''
+                            cellClick ? 'cursor-pointer' : ''
                             }`}
                           onClick={() => handleCellClick(index, head.id)}
                           key={`cell-${head.id}-${index}`}