Table: fix table column width bug in safari & hide shadow of fixed when scrollX is false (#9327)

packages/table/src/table-column.js

@@ -290,7 +290,7 @@ export default {
       }
 
       return _self.showOverflowTooltip || _self.showTooltipWhenOverflow
-        ? <div class="cell el-tooltip" style={{width: (data.column.realWidth || data.column.width) + 'px'}}>{ renderCell(h, data) }</div>
+        ? <div class="cell el-tooltip" style={ {width: (data.column.realWidth || data.column.width) - 1 + 'px'} }>{ renderCell(h, data) }</div>
         : <div class="cell">{ renderCell(h, data) }</div>;
     };
   },

packages/table/src/table-header.js

@@ -137,7 +137,10 @@ export default {
                 }
                 {
                   this.hasGutter
-                    ? <th class="gutter" style={{ width: this.layout.scrollY ? this.layout.gutterWidth + 'px' : '0' }}></th>
+                    ? <th class="gutter" style={{
+                      width: this.layout.scrollY ? this.layout.gutterWidth + 'px' : '0',
+                      display: this.layout.scrollY ? '' : 'none'
+                    }}></th>
                     : ''
                 }
               </tr>

packages/table/src/table.vue

@@ -25,7 +25,7 @@
     <div
       class="el-table__body-wrapper"
       ref="bodyWrapper"
-      :class="[`is-scroll-${scrollPosition}`]"
+      :class="[layout.scrollX ? `is-scroll-${scrollPosition}` : 'is-scroll-none']"
       :style="[bodyHeight]">
       <table-body
         :context="context"