테이블 및 굵은영역 뒷쪽에 글자보이는 문제해결

packages/common/business_components/src/ui/table/index.tsx

@@ -122,8 +122,8 @@ export function UiTable({
                                 : cellClick
                                   ? "cursor-pointer"
                                   : ""
-                            } sticky z-40 bg-secondary !font-bold`}
-                            style={{ top: `${headerHeight + index * 39}px` }}
+                            } sticky top-20 z-40 bg-secondary !font-bold`}
+                            style={{ top: `${headerHeight + index * 32-4}px` }}
                             onClick={() => handleCellClick(index, head.id)}
                             key={`cell-${head.id}-${index}`}
                           >

packages/common/components/src/ui/table/index.tsx

@@ -31,7 +31,7 @@ const TableHeader = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <thead
     ref={ref}
-    className={cn("sticky top-0 z-10 bg-secondary [&_tr]:border-b", className)}
+    className={cn("sticky -top-2 z-10 bg-secondary [&_tr]:border-b", className)}
     {...props}
   />
 ));