diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index 85ffb85ea..b4a66d839 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -5,7 +5,10 @@ import { useEffect, useState, useRef } from "react";
 import { HeadMakeColSpan } from "./HeadMakeColSpan";
 import UiPageNations from "./uiPageNations";
 import { Check } from "lucide-react";
-
+export type ChkClass={
+  chk:boolean
+  readonly:boolean
+}
 type UiTableProps = {
   headName: React.ReactNode | undefined;
   tableData: { [key: string]: any }[];
@@ -109,7 +112,17 @@ export function UiTable({ tableData, headlist, pageSize, total, headName, childr
                           onClick={() => handleCellClick(index, head.id)}
                           key={`cell-${head.id}-${index}`}
                         >
-                          {typeof el[head.id] === 'boolean'
+                          {typeof el[head.id] === 'object'
+                            ? <Checkbox
+                              checked={(el[head.id] as ChkClass).chk === true}
+                              onCheckedChange={(checked) => {
+                                if((el[head.id] as ChkClass).readonly == true) return
+                                (el[head.id] as ChkClass).chk = Boolean(checked);
+                              }}
+                            >
+                              <Check className="h-6 w-6 text-primary" />
+                            </Checkbox>:
+                            typeof el[head.id] === 'boolean'
                             ? <Checkbox
                               checked={el[head.id] === true}
                               onCheckedChange={(checked) => {