diff --git a/packages/table/src/table-body.js b/packages/table/src/table-body.js
index d64e9a9d6ab..32e1053d36d 100644
--- a/packages/table/src/table-body.js
+++ b/packages/table/src/table-body.js
@@ -219,6 +219,8 @@ export default {
         }));
       }
 
+      classes.push('el-table__cell');
+
       return classes.join(' ');
     },
 
@@ -369,7 +371,7 @@ export default {
             return (
               <td
                 style={ this.getCellStyle($index, cellIndex, row, column) }
-                class={ [...this.getCellClass($index, cellIndex, row, column), 'el-table__cell'] }
+                class={ this.getCellClass($index, cellIndex, row, column) }
                 rowspan={ rowspan }
                 colspan={ colspan }
                 on-mouseenter={ ($event) => this.handleCellMouseEnter($event, row) }
diff --git a/packages/table/src/table-header.js b/packages/table/src/table-header.js
index f6c95852e6a..1d1e19dfeef 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), 'el-table__cell'] }
+                    class={ this.getHeaderCellClass(rowIndex, cellIndex, columns, column) }
                     key={ column.id }>
                     <div class={ ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] }>
                       {
@@ -286,6 +286,8 @@ export default {
         }));
       }
 
+      classes.push('el-table__cell');
+
       return classes.join(' ');
     },