Table: fix class location avoid click event errors

ElemeFE · Aug 25, 2021 · 781fc30 · 781fc30
1 parent 25cb53f
commit 781fc30
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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');