el-table表格超出部分显示省略号,去掉鼠标悬浮显示

1.el-table是有这个控制属性的::show-overflow-tooltip=“true”

<el-table-column align='center' prop="description" label="描述" min-width="280" 
:show-overflow-tooltip="true"></el-table-column>

2.如果需要去掉鼠标悬浮显示的全部内容可以设置样式,因此需要修改一下。注意:如果style里面使用了scoped属性,则样式会设置不成功,可以去掉scoped或者在页面中再加上一个style。

<style>
  .el-tooltip__popper{ max-width:20%; }
  .el-tooltip__popper{
  		display: none; //去掉悬浮显示
	}
</style>

div或者p标签单行和多行超出显示省略号

单行文本溢出显示省略号
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本显示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

原文链接:https://blog.csdn.net/cc6_66/article/details/115545655

1、所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
THE END
分享
二维码
< <上一篇
下一篇>>