记录vxe-table show-overflow失效问题

后来发现,在使用的过程中发现vxe-table的show-overflow在普通的界面是生效的,但是在el-dialog对话框始终不出现

超出的文本鼠标移上去没有显示全部

记录vxe-table show-overflow失效问题_第1张图片

排查后发现和tooltip的z-index有关,modal的z-index比tooltip的z-index大,

方法一:把相关class改一下就可以显示了

.vxe-table--tooltip-wrapper {
  z-index: 10000 !important;
}

方法二:

如果方法一不生效,尝试一下方法二:直接在vxe-table标签上添加:tooltip-config="{ zIndex: 9999 }"即可

  
      
      
        
      
      
        
        
        
        
      
    

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