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>
           ))}