elementUI表格数据过长没有出现省略号而是隐藏文本问题解决

今天遇到一个 elementUI table 表格内容展示超长，在表格列上添加 show-overflow-tooltip 属性之后，超长的内容直接被隐藏而不是出现省略号。

<el-table-column align="left" prop="name" label="名称" show-overflow-tooltip>
	<template slot-scope="scope">
		<el-button type='text'>{{scope.row.name}}</el-button>
	</template>
</el-table-column>

上面是我出错的代码，因为要添加点击事件，我直接使用的是按钮来做跳转。问题的原因就出在这个按钮上了。

只需要将按钮换成 span 标签就可以了，并且 template 里面和 span 外面不要有 div 包裹。如果还需要按钮的效果自己用 css 模仿一下就好了。

很小的一个问题，这里做一下记录，方便以后查阅！！