| elementui表格内容太多，只显示3行（根据自己需求，几行都可以），超出部分用省略号代替，鼠标悬停，tooltip提示 | 您所在的位置：网站首页 › 内置表格样式怎么设置8行2列显示10列 › elementui表格内容太多，只显示3行（根据自己需求，几行都可以），超出部分用省略号代替，鼠标悬停，tooltip提示 |
elementui表格内容太多，只显示3行（根据自己需求，几行都可以），超出部分用省略号代替，鼠标悬停，tooltip提示
|
今天遇见一个需求
=表格内容太多，想显示3行，剩余的文字用省略号代替 如果你的需求只显示一行，那就一个属性搞定 show-overflow-tooltip 详情见官网show-overflow-tooltip就生效，只显示一行 如果你的需求是，显示多行，剩余的省略 {{scope.row.content}}关键就在这个css，自己设置一个css，想显示多少行，自己设定 .showOverTooltip{ display:-webkit-box; text-overflow:ellipsis; overflow:hidden; /*这里是3行*/ -webkit-line-clamp: 3; -webkit-box-orient:vertical; }效果就出来了 |
【本文地址】
公司简介
联系我们