【elementui】单元格显示两行，内容超出显示省略号，鼠标悬浮显示全部

<el-table-column min-width="20%" label="描述">
	<template slot-scope="scope">
	  <el-popover trigger="hover" placement="top"  width="300">
	    <p>{{scope.row.description}}</p>
	    <div slot="reference">
	      <span class="ellipsis">{{scope.row.description}}</span>
	    </div>
	  </el-popover>
	</template>
</el-table-column>

<style>
.ellipsis {
  display:-webkit-box;
  text-overflow:ellipsis;
  overflow:hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}
.el-popover{
  height: auto;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
</style>