diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 185d41ebb..6e5f9fef4 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -304,6 +304,10 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
         }
     }
 }
+
+function cardClick(_, row) {
+    if ($props.redirect) router.push({ path: `/${$props.redirect}/${row.id}` });
+}
 </script>
 <template>
     <QDrawer
@@ -494,18 +498,13 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                 </template>
                 <template #item="{ row, colsMap }">
                     <component
-                        :is="$props.redirect ? 'router-link' : 'span'"
-                        :to="`/${$props.redirect}/` + row.id"
+                        v-bind:is="'div'"
+                        @click="(event) => cardClick(event, row)"
                     >
                         <QCard
                             bordered
                             flat
                             class="row no-wrap justify-between cursor-pointer q-pa-sm"
-                            @click="
-                                (_, row) => {
-                                    $props.rowClick && $props.rowClick(row);
-                                }
-                            "
                             style="height: 100%"
                         >
                             <QCardSection