diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index 9ffea89bf..6d5b24c70 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -30,6 +30,7 @@ type UiTableProps = {
   boldArray?: number[];
   resetSelection?: boolean;
   index?: number;
+  curPage?: number;
   headButton?: React.ReactNode | undefined;
 };
 
@@ -54,9 +55,10 @@ export function UiTable({
   boldArray = [],
   resetSelection = false,
   index = -1,
+  curPage = 1,
   headButton = undefined,
 }: UiTableProps) {
-  const [cur, setCur] = useState<number>(1);
+  const [cur, setCur] = useState<number>(curPage);
   const [idx, setIdx] = useState<number>(index);
   const [headerHeight, setHeaderHeight] = useState<number>(0);
   const headerRef = useRef<HTMLTableSectionElement>(null);
@@ -84,6 +86,10 @@ export function UiTable({
     setIdx(index);
   }, [index])
 
+  useEffect(() => {
+    setCur(curPage);
+  }, [curPage])
+
   const handlePageChange = (page: number) => {
     setCur(page);
     onPageChange(page);