Element Table show-overflow-tooltip 太长被遮挡

1,484 阅读1分钟

开发中发现这样一个bug,el-table 的 show-overflow-tooltip 作用是当内容过长被隐藏时显示 tooltip,但内容太多 tooltip 需要多行显示时 tooltip 左边会超出屏幕,查看样式 left 为负值。

<el-table-column
    prop="address"
    label="地址"
    show-overflow-tooltip>
</el-table-column>

image.png

image.png

应该是 element-ui 的一个 bug,看了看 element 处理 issue 的速度,靠官方修复是靠不住了,自己加个补丁吧。

.el-tooltip__popper {
  max-width: 50vw;
}

加个全局样式,限制最大宽度

image.png