From c1540030a5aba608be42a21c1b5fa239adeddc20 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Mon, 7 Apr 2025 15:06:25 +0900
Subject: [PATCH] =?UTF-8?q?UiTable=20className=20=ED=8C=8C=EB=9D=BC?=
 =?UTF-8?q?=EB=AF=B8=ED=84=B0=20=EC=B6=94=EA=B0=80?=
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 c04b26a6f..6fd5f9c36 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 | undefined;
 }
 
 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] overflow-auto !p-0r">
+      <div className={`card !m-[1.2rem] !p-0r ${className}`}>
         <Table>
           <TableHeader>
           {children ? <>{children}</> : <TableRow>