From a5c3405049094e015c7e159e4b1c65a4b851396b Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Mon, 14 Apr 2025 14:28:53 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9E=AC=EC=A1=B0=ED=9A=8C=ED=96=88=EC=9D=84?=
 =?UTF-8?q?=20=EA=B2=BD=EC=9A=B0=20resetPageNo=20prop=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=9D=BC=201=ED=8E=98=EC=9D=B4=EC=A7=80=EB=A1=9C=20=EB=8F=8C?=
 =?UTF-8?q?=EC=95=84=EA=B0=80=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index ae93cd46f..fc0d5adfb 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -12,6 +12,7 @@ type UiTableProps = {
   cellClick : ((index:number|undefined, headId:string)=>void   )| undefined;
   onPageChange: (page: number) => void;
   className?: string;
+  resetPageNo?: boolean;
 }
 
 type UiHeadProps = {
@@ -20,22 +21,27 @@ type UiHeadProps = {
   align?: string;
 }
 
-export function UiTable({ tableData, headlist, pageSize, total, children, headName, cellClick, onPageChange, className = '' }: UiTableProps) {
+export function UiTable({ tableData, headlist, pageSize, total, children, headName, cellClick, onPageChange, className = '', resetPageNo = false }: UiTableProps) {
   const [cur, setCur] = useState<number>(1);
   const [idx, setIdx] = useState<number>(-1);
+
+  useEffect(() => {
+    if (resetPageNo) {
+      setCur(1);
+      onPageChange(1);
+    }
+  }, [onPageChange, resetPageNo]);
+
   const handlePageChange = (page: number) => {
     setCur(page);
     onPageChange(page);
   }
 
-
   const handleCellClick = (index: number,headId:string )=> {
     if (cellClick) {
       cellClick(index,headId);
       setIdx(index);
     }
-
-
   };
 
   return (
@@ -53,8 +59,8 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
           </TableRow>}
         </TableHeader>
         <TableBody className='text-center'>
-          {tableData?.map((el: { [key: string]: any}, index) => (
-            <TableRow key={index + "row"}    >
+          {tableData?.map((el: { [key: string]: string | number | boolean | object}, index) => (
+            <TableRow key={index + "row"}>
               {headlist?.map((head) => (
                 <TableCell 
                   className={`${head.align === 'right' ? 'text-right' : 'text-center'} ${
@@ -64,7 +70,7 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
                   onClick={() => handleCellClick(index, head.id)}
                   key={head.id + index}
                 >
-                  {el[head.id]}
+                  {String(el[head.id] ?? '')}
                 </TableCell>
               ))}
             </TableRow>