element ui的表格内容hover展示两行的写法

 

使用之前去掉 show-overflow-tooltip

无法设置hover状态时的样式，改用 el-tooltip

<el-table-column label="核心使用场景" min-width='300'>
<template scope="scope">
<el-tooltip effect="dark" placement="top">
<div v-text="
'开始时间：'

scope.row.useScene" slot="content" style="{width:'220px';white-space:pre-line;word-break:break-all;}"></div>
<div class="oneLine">{{scope.row.useScene}}</div>
</el-tooltip>
</template>
</el-table-column>

.oneLine {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}