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