【前端的坑】vxe-grid表格tooltip提示框不显示bug

官方API:

注意:如果是false的话表格宽度会按照内容多少来决定;而如果是true的话默认是 tooltip 效果。

当showOverflow值为 tooltip时:

javascript 复制代码
`gridOptions: {
   showOverflow: 'tooltip',
   ......
},`

效果:

当showOverflow值为 ellipsis时:

javascript 复制代码
`gridOptions: {
   showOverflow: 'ellipsis',
   ......
},`

效果:

showOverflow字段设置了tooltip却不生效的可能有这两种:

  1. 在插槽中使用了div而不是span标签 (参考博客:vxe-table 解决show-overflow只显示弹窗不显示省略号或默认样式有省略号,弹窗不出现问题

  2. z-index 太低了,请添加如下样式

plain 复制代码
`.vxe-table--tooltip-wrapper {
  z-index: 99 !important;
}`
相关推荐
杨梦馨19 小时前
万级数据表格卡死?Web Worker 一招搞定
前端·javascript·vue.js
阿明在折腾19 小时前
从Canvas到AI模型:我在线工具站里的图片处理实战
前端·后端
CainChen19 小时前
Chrome 远程调试 Android 卡在 Pending authentication 的解决办法
前端
杨运交19 小时前
[030][Web模块]Spring Boot 验证与 OpenAPI 集成实战:从校验规则到文档生成
前端·spring boot·python
天le19 小时前
基于cocos3.x复刻《猪了个猪》挪了个船:位置生成实现
前端
青木_JS19 小时前
qiankun 子应用重开后仍显示旧数据?问题出在模块顶层的 useStore()
前端
货拉拉技术19 小时前
面向 Agent Skill 的 CLI/SSO 鉴权体系:安全、无感、可追溯
前端·agent
ssshooter20 小时前
为什么父元素的高度不会包含子元素的 margin?
前端·javascript·面试
静Yu20 小时前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序
程序员黑豆20 小时前
AI全栈开发之Java:第一个Java程序
前端·后端·ai编程