From 3bbc5ef3a8eff14f1aa69e5fc48ecb8f1d84eaec Mon Sep 17 00:00:00 2001
From: Walter Tommasi <tommsi20@gmail.com>
Date: Sat, 12 Jan 2019 00:04:48 +0100
Subject: [PATCH] Close #1164 disable selecting row on checkbox click

---
 CHANGELOG.md                   |  1 +
 src/components/table/Table.vue | 11 +++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2798bb916..f9a28b0f5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@
 * Add ``contextmenu`` event to table (thanks @gps-dev)
 * Add ``show-detail-icon`` prop to table and toggle row detail programmatically (thanks @omer2500)
 * Add ``use-html5-validation`` prop to form components and ``defaultUseHtml5Validation`` constructor options (thanks @lukio3)
+* #1164 Disable selecting row on checkbox click when table is ``checkable``
 
 ### Fixes
 
diff --git a/src/components/table/Table.vue b/src/components/table/Table.vue
index 6e5ab1575..4df47c9c1 100644
--- a/src/components/table/Table.vue
+++ b/src/components/table/Table.vue
@@ -26,8 +26,7 @@
                                 @change.native="checkAll"/>
                         </th>
                         <th
-                            v-for="(column, index) in newColumns"
-                            v-if="column.visible || column.visible === undefined"
+                            v-for="(column, index) in visibleColumns"
                             :key="index"
                             :class="{
                                 'is-current-sort': currentSortColumn === column,
@@ -93,6 +92,7 @@
                                     :disabled="!isRowCheckable(row)"
                                     :value="isRowChecked(row)"
                                     @change.native="checkRow(row)"
+                                    @click.native.stop
                                 />
                             </td>
 
@@ -323,6 +323,13 @@
                 }
             },
 
+            visibleColumns() {
+                if (!this.newColumns) return this.newColumns
+                return this.newColumns.filter((column) => {
+                    return column.visible || column.visible === undefined
+                })
+            },
+
             /**
              * Check if all rows in the page are checked.
              */