当前位置: 代码迷 >> 综合 >> elementui的table列超出隐藏tooltip悬浮显示
  详细解决方案

elementui的table列超出隐藏tooltip悬浮显示

热度:10   发布时间:2024-02-06 19:34:03.0
<el-table-column label="内容" show-overflow-tooltip><template slot-scope="scope">{{scope.row.desc}}</template>
</el-table-column>

当表格中的某些内容过长会导致表格变形,所以可以只显示一行,超出的部分隐藏,鼠标滑过时显示所有内容,如上所示,添加show-overflow-tooltip属性。

注意:显示的内容只能包裹在行内元素里,或者不添加,不能包裹在块级元素里面

  相关解决方案