src/pages/Travel/ExtraCommunity.vue

@@ -231,6 +231,12 @@ const navigateToTravelId = (id) => {
     router.push({ path: `/travel/${id}` });
 };
 
+const stopEventPropagation = (event, col) => {
+    if (!['ref', 'id', 'supplier'].includes(col.name)) return;
+    event.preventDefault();
+    event.stopPropagation();
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
 
@@ -280,7 +286,12 @@ onMounted(async () => {
                     @click="navigateToTravelId(props.row.id)"
                     class="cursor-pointer"
                 >
-                    <QTd v-for="col in props.cols" :key="col.name" :props="props">
+                    <QTd
+                        v-for="col in props.cols"
+                        :key="col.name"
+                        :props="props"
+                        @click="stopEventPropagation($event, col)"
+                    >
                         <component
                             :is="tableColumnComponents[col.name].component"
                             class="col-content"