el-table的每列两行溢出隐藏怎么设置
](#%E5%9C%A8%E5%AE%A1%E6%9F%A5%E5%85%83%E7%B4%A0%E4%B8%AD%E6%88%91%E4%BB%AC%E5%8F%91%E7%8E%B0.el-tooltip%E8%BF%99%E4%B8%AA%E7%B1%BB%E5%90%8D%E6%98%AF%E6%BA%A2%E5%87%BA%E9%9A%90%E8%97%8F%E7%9A%84%E6%A0%B7%E5%BC%8F%EF%BC%8C%E5%8E%9F%E6%9C%AC%E7%9A%84%E6%A0%B7%E5%BC%8F%E4%B8%BA!%5B%E5%9C%A8%E8%BF%99%E9%87%8C%E6%8F%92%E5%85%A5%E5%9B%BE%E7%89%87%E6%8F%8F%E8%BF%B0%5D(https://i-blog.csdnimg.cn/direct/8cb3191544404b43b9e0bf731efc00d9.png)){kind=link}
elementPlus中的el-table如何设置多行溢出隐藏
这里是elementPlus的官方文档地址 https://element-plus.org/zh-CN/component/table.html
table中的table属性中有show-overflow-tooltip属性，但是只支持单行溢出隐藏
如何改成两行呢？
在审查元素中我们发现.el-tooltip这个类名是溢出隐藏的样式，原本的样式为
我们只需要更改样式即可如下：
css
// 超出两行溢出隐藏真实悬浮提示
.el-table .cell.el-tooltip {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal !important;
}更改完之后的审查元素
致此完成