From 990df4ed5bce46cf7205f8bdcf3cb7b9a8b9e565 Mon Sep 17 00:00:00 2001
From: FuryBean <furybean@users.noreply.github.com>
Date: Thu, 18 Jan 2018 17:17:40 +0800
Subject: [PATCH] Table: fix table column width bug in safari & hide shadow of
 fixed when scrollX is false (#9327)

---
 packages/table/src/table-column.js | 2 +-
 packages/table/src/table-header.js | 5 ++++-
 packages/table/src/table.vue       | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/table/src/table-column.js b/packages/table/src/table-column.js
index 1e5f785da..04b2ed0cb 100644
--- a/packages/table/src/table-column.js
+++ b/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>;
     };
   },
diff --git a/packages/table/src/table-header.js b/packages/table/src/table-header.js
index e7b294489..a1c5aaac4 100644
--- a/packages/table/src/table-header.js
+++ b/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>
diff --git a/packages/table/src/table.vue b/packages/table/src/table.vue
index c61e443cc..8dbefc3db 100644
--- a/packages/table/src/table.vue
+++ b/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"