[Bug Report] el-table column misalignment on safari

### Element UI version
2.2.0

### OS/Browsers version
Mac OXS / safari

**Detail**:
`iMac (Retina 4K, 21.5-inch, Late 2015)`
`Intel Iris Pro Graphics 6200 1536 MB`

### Vue version
2.5.10

### Reproduction Link
[https://jsfiddle.net/0wnt3tou/](https://jsfiddle.net/0wnt3tou/)

### Steps to reproduce
设置 css内容为
```css
@import url("//unpkg.com/element-ui/lib/theme-chalk/index.css");
#app .el-table .el-table__body td .cell {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
```

### What is Expected?
表头与表内容表内容列对齐，并且设置了 `show-overflow-tooltip` 的单元格超出的内容以省略号显示。

![Uploading A670DF9B-29FF-4cca-9025-BEAE1150D136.png…]()

### What is actually happening?
表头与表内容表内容列没有对齐，并且设置了 `show-overflow-tooltip` 的单元格当内容过长没有被隐藏。