easyui datagrid文本提示,该如何解决

最新推荐文章于 2023-07-19 11:27:16 发布

小小鬼谷子

最新推荐文章于 2023-07-19 11:27:16 发布

阅读量2k

点赞数 3

文章标签： easyui datagrid

本文介绍如何在EasyUI Datagrid中实现当文本内容过长时自动显示省略号，并通过设置提示框来展示完整内容的方法。通过自定义格式化函数formatContent，在TH元素上使用title属性，使得鼠标悬停时可以显示完整的文本信息。

easyui datagrid文本提示
我现在用的easyui datagrid
数据行文本内容过长时，我设置了自动显示省略号，

现在我想要，鼠标放到上面时自动弹出提示框，

easyui datagrid应该有这种属性的设置吧？ (不想自己添加这个功能)
请赐教

easyuidatagrid 提示框

分享到：更多

------解决方案--------------------

<th field="content" width="80" align='center' formatter='formatContent'>内容</th>

function formatContent(val, row) {

            if (val != null && val.length >= 20) {

                var content = val.substring(0, 20);

                return '<a  title="' + val + '">' + content + '</a>';

            } else {

                return '<a  title="' + val + '">' + val + '</a>';

            }

        }