From 781fc30e54ef794ae06e90d0174b8d616b6e80f5 Mon Sep 17 00:00:00 2001
From: Aex <spryti@qq.com>
Date: Wed, 25 Aug 2021 12:56:36 +0000
Subject: [PATCH] Table: fix class location avoid click event errors

---
 packages/table/src/table-body.js   | 4 ++--
 packages/table/src/table-footer.js | 2 +-
 packages/table/src/table-header.js | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/table/src/table-body.js b/packages/table/src/table-body.js
index cff3b70de24..d64e9a9d6ab 100644
--- a/packages/table/src/table-body.js
+++ b/packages/table/src/table-body.js
@@ -201,7 +201,7 @@ export default {
     },
 
     getCellClass(rowIndex, columnIndex, row, column) {
-      const classes = ['el-table__cell', column.id, column.align, column.className];
+      const classes = [column.id, column.align, column.className];
 
       if (this.isColumnHidden(columnIndex)) {
         classes.push('is-hidden');
@@ -369,7 +369,7 @@ export default {
             return (
               <td
                 style={ this.getCellStyle($index, cellIndex, row, column) }
-                class={ this.getCellClass($index, cellIndex, row, column) }
+                class={ [...this.getCellClass($index, cellIndex, row, column), 'el-table__cell'] }
                 rowspan={ rowspan }
                 colspan={ colspan }
                 on-mouseenter={ ($event) => this.handleCellMouseEnter($event, row) }
diff --git a/packages/table/src/table-footer.js b/packages/table/src/table-footer.js
index c1b15831cd5..cfb32faa55d 100644
--- a/packages/table/src/table-footer.js
+++ b/packages/table/src/table-footer.js
@@ -63,7 +63,7 @@ export default {
                 key={cellIndex}
                 colspan={ column.colSpan }
                 rowspan={ column.rowSpan }
-                class={ ['el-table__cell', ...this.getRowClasses(column, cellIndex)] }>
+                class={ [...this.getRowClasses(column, cellIndex), 'el-table__cell'] }>
                 <div class={ ['cell', column.labelClassName] }>
                   {
                     sums[cellIndex]
diff --git a/packages/table/src/table-header.js b/packages/table/src/table-header.js
index de19896d629..f6c95852e6a 100644
--- a/packages/table/src/table-header.js
+++ b/packages/table/src/table-header.js
@@ -105,7 +105,7 @@ export default {
                     on-click={ ($event) => this.handleHeaderClick($event, column) }
                     on-contextmenu={ ($event) => this.handleHeaderContextMenu($event, column) }
                     style={ this.getHeaderCellStyle(rowIndex, cellIndex, columns, column) }
-                    class={ this.getHeaderCellClass(rowIndex, cellIndex, columns, column) }
+                    class={ [...this.getHeaderCellClass(rowIndex, cellIndex, columns, column), 'el-table__cell'] }
                     key={ column.id }>
                     <div class={ ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] }>
                       {
@@ -260,7 +260,7 @@ export default {
     },
 
     getHeaderCellClass(rowIndex, columnIndex, row, column) {
-      const classes = ['el-table__cell', column.id, column.order, column.headerAlign, column.className, column.labelClassName];
+      const classes = [column.id, column.order, column.headerAlign, column.className, column.labelClassName];
 
       if (rowIndex === 0 && this.isCellHidden(columnIndex, row)) {
         classes.push('is-hidden');