From 4df286b0863bd5b5ca0aab2c138733f49d029947 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Tue, 19 Aug 2025 15:24:52 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20UiTable=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EC=97=90=20headButton=20props=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business_components/src/ui/table/index.tsx    | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index fa7c9b7fe..dcf7f4aa4 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;
+  headButton?: React.ReactNode | undefined;
 };
 
 type UiHeadProps = {
@@ -53,6 +54,7 @@ export function UiTable({
   boldArray = [],
   resetSelection = false,
   index = -1,
+  headButton = undefined,
 }: UiTableProps) {
   const [cur, setCur] = useState<number>(1);
   const [idx, setIdx] = useState<number>(index);
@@ -100,9 +102,16 @@ export function UiTable({
   return (
     <>
       {headName ? (
-        <div className="card-header">
-          <h3 className="text-2xl font-medium text-label">{headName}</h3>
-        </div>
+        headButton ? (
+          <div className="card-header flex items-center justify-between">
+            <h3 className="text-2xl font-medium text-label">{headName}</h3>
+            <>{headButton}</>
+          </div>
+        ) : (
+          <div className="card-header">
+            <h3 className="text-2xl font-medium text-label">{headName}</h3>
+          </div>
+        )
       ) : (
         <></>
       )}