From 2ec4e3540f1e96b6b67bd63ad41ffda7d13d3272 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Thu, 23 May 2024 10:44:41 +0200
Subject: [PATCH] fix(VnTable): refs #6825 fix click sticky column

---
 src/components/VnTable/VnChip.vue  | 7 ++++---
 src/components/VnTable/VnTable.vue | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/VnTable/VnChip.vue b/src/components/VnTable/VnChip.vue
index 626c16c45..2569eec37 100644
--- a/src/components/VnTable/VnChip.vue
+++ b/src/components/VnTable/VnChip.vue
@@ -25,11 +25,12 @@ function stopEventPropagation(event) {
         <QChip
             v-if="col.chip.condition(row[col.name], row)"
             :title="col.label"
-            :class="
+            :class="[
                 col.chip.color
                     ? col.chip.color(row)
-                    : !col.chip.icon && 'bg-chip-secondary'
-            "
+                    : !col.chip.icon && 'bg-chip-secondary',
+                col.chip.icon && 'q-px-none',
+            ]"
             dense
             square
         >
diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 853c64ed6..e85a3692e 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -260,6 +260,7 @@ defineExpose({
                         auto-width
                         :class="`text-${col.align ?? 'left'}`"
                         class="sticky no-padding"
+                        @click="stopEventPropagation($event)"
                     >
                         <QBtn
                             v-for="(btn, index) of col.actions"