element ui table tooltip设置宽度

项目中用到了很多表格,当列的内容过长时使用 :show-overflow-tooltip="true",可以让内容在一行显示并且出现tooltip,但是通常就会出现这样的效果:

image.png

于是就需要修改tooltip的样式,写法大概是这样:

.el-tooltip__popper{
  font-size: 14px;
  max-width: 30%!important;
  text-align: justify;
  text-justify: newspaper;
  word-break: break-all;
  line-height: 20px;
}

如果直接把这个样式写在同页面的scoped中可能会不生效,各位可以自己试一下,写完的效果是这样:

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容