vxe-table show-overflow在el-dialog失效问题

 更新时间:2021年9月9日 10:36  点击:2128

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

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

排查后发现和tooltip的z-index有关,modal的z-index比tooltip的z-index大,把相关class改一下就可以显示了

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


[!--infotagslink--]

相关文章

  • vue 中使用 vxe-table 制作可编辑表格的使用过程

    这篇文章主要介绍了vue 中使用 vxe-table 制作可编辑表格的使用过程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-08-13
  • vxe-table show-overflow在el-dialog失效问题

    在使用的过程中发现vxe-table的show-overflow在普通的界面是生效的,但是在el-dialog对话框始终不出现超出的文本鼠标移上去没有显示全部排查后发现和tooltip的z-index有关,mod...2021-09-09
  • vue如何随心所欲调整el-dialog中body的样式

    这篇文章主要介绍了vue如何随心所欲调整el-dialog中body的样式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2022-05-27
  • 使用vxe-table合并单元格后增加选中效果

    这篇文章主要介绍了使用vxe-table合并单元格后增加选中效果,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2022-09-16
  • element UI中el-dialog实现拖拽功能示例代码

    我们在开发中常会遇见拖拽的功能,下面这篇文章主要给大家介绍了关于element UI中el-dialog实现拖拽功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下...2022-12-30