From 18d7698c03c2c029ec81de13fc87177bf61a0da2 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Mon, 7 Apr 2025 15:32:20 +0900
Subject: [PATCH] =?UTF-8?q?=ED=91=9C=20className=20=EC=B6=94=EA=B0=80=20(?=
 =?UTF-8?q?=ED=98=B8=EC=B6=9C=EC=8B=9C=20=EC=86=8D=EC=84=B1=EC=97=86?=
 =?UTF-8?q?=EC=96=B4=EB=8F=84=20=EC=98=A4=EB=A5=98=20x)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/business_components/src/ui/table/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index 08941bc5f..a5191eca6 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -11,6 +11,7 @@ type UiTableProps = {
   children: React.ReactNode | undefined;
   cellClick : ((index:number|undefined)=>void) | undefined;
   onPageChange: (page: number) => void;
+  className?: string;
 }
 
 type UiHeadProps = {
@@ -18,7 +19,7 @@ type UiHeadProps = {
   title: string;
 }
 
-export function UiTable({ tableData, headlist, pageSize, total, children, headName, cellClick, onPageChange }: UiTableProps) {
+export function UiTable({ tableData, headlist, pageSize, total, children, headName, cellClick, onPageChange, className = '' }: UiTableProps) {
   const [cur, setCur] = useState<number>(1);
   const handlePageChange = (page: number) => {
     setCur(page);
@@ -31,7 +32,7 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
       {headName ? <div className="card-header">
         <h3 className="text-2xl font-medium text-label">{headName}</h3>
         </div> : <></>}
-      <div className={`card !m-[1.2rem] !p-0r`}>
+      <div className={`card !m-[1.2rem] !p-0r ${className}`}>
         <Table>
           <TableHeader>
           {children ? <>{children}</> : <TableRow>