el-table在safari上show-overflow-tooltip页面错乱bug

el-table在safari上show-overflow-tooltip页面错乱bug

如图，当在el-table-column加上show-overflow-tooltip并且指定宽度时，在chrome上显示正常，但是在safari上就错乱了

（谷歌浏览器）

（safari浏览器）

解决方法就是自定义标签并增加css样式

 <el-table-column width="360px" show-overflow-tooltip prop="productName" label="NAME">
   <template slot-scope="scope">
   <span class="tb-name">{{ scope.row.productName }}</span>
   </template>
 </el-table-column>
​

.tb-name{
  width: 340px;
  display: inline-block;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}