updated the menu link

src/components/organism/Table/index.tsx

@@ -60,7 +60,10 @@ export default function CustomTable<TData>({ table, loading = false,
                             </tr>
                         ) : (
                             table.getRowModel().rows.map((row) => (
-                                <tr key={row.id} className="">
+                                <tr key={row.id} className={`${row.getIsSelected()
+                                    ? "bg-[#F3F8FF] hover:bg-[#E7F0FF]"
+                                    : "hover:bg-gray-50"
+                                    }`}>
                                     {row.getVisibleCells().map((cell) => (
                                         <td key={cell.id} className="px-4 py-4 text-[12px] text-title ">
                                             {flexRender(
@@ -81,6 +84,7 @@ export default function CustomTable<TData>({ table, loading = false,
     }
 
     return (
+        <div className="max-w-full overflow-x-auto">
             <table className="min-w-full text-left border-separate border-spacing-y-1 user_table">
                 <thead>
                     {table.getHeaderGroups().map((headerGroup) => (
@@ -137,5 +141,6 @@ export default function CustomTable<TData>({ table, loading = false,
                     )}
                 </tbody>
             </table>
+        </div>
     )
 }

src/components/pages/dashboard/adminDashboard/transaction/TransactionTable.tsx

@@ -21,7 +21,7 @@ export default function TransactionTable({ user_id, game_id, search, setSearch }
     const [sorting, setSorting] = useState<{ id: string; desc: boolean }[]>([]);
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(10);
-
+    const [rowSelection, setRowSelection] = useState({});
     const queryArgs = useMemo(
         () => ({
             page,
@@ -135,12 +135,15 @@ export default function TransactionTable({ user_id, game_id, search, setSearch }
         data: tableData,
         columns,
         state: { sorting },
+        // enableRowSelection: true,
         onSortingChange: setSorting,
         getCoreRowModel: getCoreRowModel(),
         getPaginationRowModel: getPaginationRowModel(),
         getSortedRowModel: getSortedRowModel(),
+        // onRowSelectionChange: setRowSelection,
     });
 
+
     return (
         <div className="border-gray border-solid border-[1px] rounded-[8px] lg:rounded-[16px]">
             <TableHeader search={search} setSearch={setSearch && setSearch} onDownloadCSV={() => { }} />