From 5ec5fa18222b908f06bcff5ec0b929f15dac0dcf Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Thu, 25 Dec 2025 19:54:11 +0000
Subject: [PATCH] code: tsx,table,nextjs (1 files)

---
 frontends/nextjs/src/components/ui/organisms/Table.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontends/nextjs/src/components/ui/organisms/Table.tsx b/frontends/nextjs/src/components/ui/organisms/Table.tsx
index 0307f4de6..9cef07aae 100644
--- a/frontends/nextjs/src/components/ui/organisms/Table.tsx
+++ b/frontends/nextjs/src/components/ui/organisms/Table.tsx
@@ -100,20 +100,24 @@ TableRow.displayName = 'TableRow'
 interface TableHeadProps {
   children: ReactNode
   className?: string
+  onClick?: () => void
 }
 
 const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(
-  ({ children, ...props }, ref) => {
+  ({ children, onClick, ...props }, ref) => {
     return (
       <MuiTableCell
         ref={ref}
         component="th"
+        onClick={onClick}
         sx={{
           fontWeight: 600,
           fontSize: '0.75rem',
           color: 'text.secondary',
           textTransform: 'uppercase',
           letterSpacing: '0.05em',
+          cursor: onClick ? 'pointer' : 'default',
+          '&:hover': onClick ? { bgcolor: 'action.hover' } : {},
         }}
         {...props}
       >