From 645b30f1c7a52b4d3a1fca8cdf49a9a9cd84bc79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?=
 <Leopoldthecoder@users.noreply.github.com>
Date: Sun, 4 Feb 2018 15:25:04 +0800
Subject: [PATCH] Table: stop expansion click from bubbling (#9654)

---
 packages/table/src/table-body.js   | 3 ++-
 packages/table/src/table-column.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/table/src/table-body.js b/packages/table/src/table-body.js
index 26da721e5..e0079ce13 100644
--- a/packages/table/src/table-body.js
+++ b/packages/table/src/table-body.js
@@ -396,7 +396,8 @@ export default {
       table.$emit(`row-${name}`, row, event, column);
     },
 
-    handleExpandClick(row) {
+    handleExpandClick(row, e) {
+      e.stopPropagation();
       this.store.toggleRowExpansion(row);
     }
   }
diff --git a/packages/table/src/table-column.js b/packages/table/src/table-column.js
index 7f78e63fd..ba923114d 100644
--- a/packages/table/src/table-column.js
+++ b/packages/table/src/table-column.js
@@ -74,7 +74,7 @@ const forced = {
     renderCell: function(h, { row, store }, proxy) {
       const expanded = store.states.expandRows.indexOf(row) > -1;
       return <div class={ 'el-table__expand-icon ' + (expanded ? 'el-table__expand-icon--expanded' : '') }
-        on-click={ () => proxy.handleExpandClick(row) }>
+        on-click={ e => proxy.handleExpandClick(row, e) }>
         <i class='el-icon el-icon-arrow-right'></i>
       </div>;
     },