[Ext JS 4] Grid 中的单元格添加Tooltip 的效果

本文介绍了如何在Ext JS 4的Grid中实现单元格的Tooltip效果,当单元格内容过长被截断时,通过鼠标悬停显示完整信息。通过结合Ext.QuickTips和grid Column的renderer方法,设置metaData.tdAttr为'data-qtip="' + value + '"',在数据渲染时添加Tooltip配置。" 117552347,8606314,微搭低代码平台:解决预览报错与匿名登录配置,"['低代码开发', '云开发', '小程序开发', '权限管理', '技术教程']
摘要由CSDN通过智能技术生成

问题描述

使用Grid 显示数据时, 如果某个单元格的的字符串比较多时,Grid 默认会显示截断的字串, 后面加上 ... 。效果类似


要看到后面的内容, 除非把这一栏的长度拉长。

看起来着实不方便。


可以考虑一个解决办法,就是给这个Cell,添加Tooltip 的效果, 当鼠标移动到这个Cell 上面时, 弹出一个Tooltip 把所有的内容显示出来。


解决思路

解决这个问题, 结合Extjs 的两个只是

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值