From 0267ffb0d999e65434b96fe0def0136083c866ae Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Fri, 11 Apr 2025 17:38:41 +0900
Subject: [PATCH] =?UTF-8?q?UiTable=EC=97=90=EC=84=9C=20header=EC=86=8D?=
 =?UTF-8?q?=EC=84=B1=EC=97=90=20align=20right=20=EC=9D=B4=20=EC=9E=88?=
 =?UTF-8?q?=EC=9D=84=20=EC=9A=B0=EC=B8=A1=EC=A0=95=EB=A0=AC=20=ED=95=98?=
 =?UTF-8?q?=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

---
 .../business_components/src/ui/table/index.tsx      | 13 +++++++++++--
 1 file changed, 11 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 368abc5cc..ae93cd46f 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -17,6 +17,7 @@ type UiTableProps = {
 type UiHeadProps = {
   id: string;
   title: string;
+  align?: string;
 }
 
 export function UiTable({ tableData, headlist, pageSize, total, children, headName, cellClick, onPageChange, className = '' }: UiTableProps) {
@@ -55,8 +56,16 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
           {tableData?.map((el: { [key: string]: any}, index) => (
             <TableRow key={index + "row"}    >
               {headlist?.map((head) => (
-                // <TableCell className={cellClick&&idx==index?"bg-black/10 cursor-pointer":cellClick?"cursor-pointer":""} onClick={()=>handleCellClick(index)} key={head.id + index}>{el[head.id]}</TableCell>
-                <TableCell className={cellClick&&idx==index?"opacity-40 cursor-pointer":cellClick?"cursor-pointer":""} onClick={(e)=>handleCellClick(index,head.id)}   key={head.id + index}>{el[head.id]}</TableCell>
+                <TableCell 
+                  className={`${head.align === 'right' ? 'text-right' : 'text-center'} ${
+                    cellClick && idx === index ? 'opacity-40 cursor-pointer' : 
+                    cellClick ? 'cursor-pointer' : ''
+                  }`}
+                  onClick={() => handleCellClick(index, head.id)}
+                  key={head.id + index}
+                >
+                  {el[head.id]}
+                </TableCell>
               ))}
             </TableRow>
           ))}