【elementplus】body设置zoom后,el-table开启show-overflow-tooltip后,表格的tooltip显示会错位的解决方案

由于我的项目是无法避免使用zoom,所以只记录zoom后的解决方案

示例:明明划过的是第一行,tooltip却显示到了第四行的位置;
【elementplus】body设置zoom后,el-table开启show-overflow-tooltip后,表格的tooltip显示会错位的解决方案_第1张图片
正确显示:划过第一行,tooltip显示在第一行的位置
【elementplus】body设置zoom后,el-table开启show-overflow-tooltip后,表格的tooltip显示会错位的解决方案_第2张图片
代码:使用transform属性来修复el-table组件的位置

.elp-table {
    transform: scale(1);
    transform-origin: 0 0;
}

你可能感兴趣的:(elementuiPlus,前端,elementui,vue.js)