diff --git a/src/components/Table.astro b/src/components/Table.astro
index a4751da..f7fcd39 100644
--- a/src/components/Table.astro
+++ b/src/components/Table.astro
@@ -205,6 +205,7 @@ const id = `table-${Math.random().toString(36).slice(2, 9)}`;
                     dataset.length - 1 != i ? "wr:border-b" : "",
                     "wr:border-gray-300 wr:dark:border-neutral-800",
                     rowCls,
+                    rowClickFn ? "wr:cursor-pointer" : "",
                 ]
                     .filter(Boolean)
                     .join(" ")}">`;
@@ -251,7 +252,7 @@ const id = `table-${Math.random().toString(36).slice(2, 9)}`;
                 };
 
                 // 📱 Mobile
-                let card = `<div data-row-idx="${i}" class="wr:rounded-lg wr:border wr:border-gray-300 wr:dark:border-neutral-700 wr:p-4 wr:space-y-2 wr:bg-white wr:dark:bg-neutral-800">`;
+                let card = `<div data-row-idx="${i}" class="wr:rounded-lg wr:border wr:border-gray-300 wr:dark:border-neutral-700 wr:p-4 wr:space-y-2 wr:bg-white wr:dark:bg-neutral-800 ${rowClickFn ? "wr:cursor-pointer" : ""}">`;
                 columns.forEach((col, colIndex) => {
                     let value = row[col.key] ?? "";