Javascript w2ui网格列标题工具提示或气泡头

有没有办法为w2ui网格的列标题放置工具提示或气泡头

我需要一些东西来解释这个专栏的内容

我找到了以下链接，但它们似乎已经过时，不再适用于W2UIV1.4或v1.5+，或者我只是傻到不能让它们工作

• ：我曾尝试使用fungms或eliavmaman的解决方案，但它们在较新的w2ui版本中似乎不起作用
• 字体对我来说似乎过时了。不知道到底需要做什么

---

非常感谢您提供的任何帮助或指导。

专栏标题可能包含任何HTML，因此以下三种方法可以实现您的目标：

覆盖物，或

使用包装DIV，或

使用内置工具提示属性

CSS（仅当您选择覆盖尝试时才需要）：

JS:

var c1='名字'+''；
var c2=‘姓氏’；
$（函数（）{
$（“#网格”）.w2grid（{
名称：“网格”，
列：[
{字段：“fname”，标题：c1，大小：“30%”，
{字段：“lname”，标题：c2，大小：“30%”，
{字段：“电子邮件”，标题：“电子邮件”，大小：“40%”，工具提示：“你好，世界”}
]
});    
});

小提琴：

---

这取决于您如何使其更美观，例如，将其样式设置为气泡或使用现有的工具提示库。

列标题可能包含任何HTML，因此以下是实现您所需的三种方法：

覆盖物，或

使用包装DIV，或

使用内置工具提示属性

CSS（仅当您选择覆盖尝试时才需要）：

JS:

var c1='名字'+''；
var c2=‘姓氏’；
$（函数（）{
$（“#网格”）.w2grid（{
名称：“网格”，
列：[
{字段：“fname”，标题：c1，大小：“30%”，
{字段：“lname”，标题：c2，大小：“30%”，
{字段：“电子邮件”，标题：“电子邮件”，大小：“40%”，工具提示：“你好，世界”}
]
});    
});

小提琴：

---

这取决于您如何使其更美观，例如，将其样式设置为气泡或使用现有的工具提示库。

您的第一种方法与eliavmaman的建议类似。我想我只是不知道如何/在哪里实施它。顺便问一下，当你说我可以通过将工具提示设计成气泡来让它更有趣时，你是指你的第一种方法还是第二种方法？当你说使用现有的工具提示库时，你是指第三种方法吗？我好像找不到，或者，哦，我找到了这些东西来做造型。我想这些就是你所指的，是吗？我的第一个方法确实是受埃利亚夫曼的帖子启发的。至于样式，是的，您可以使用您发布的url中链接的一个库，或者使用。我个人对此任务的最爱可能是，但推荐/建议离线资源并不是回答主题的一部分。如果答案回答了您的问题并解决了您的问题，请随意接受答案和/或投票。您的第一种方法看起来像eliavmaman的建议。我想我只是不知道如何/在哪里实施它。顺便问一下，当你说我可以通过将工具提示设计成气泡来让它更有趣时，你是指你的第一种方法还是第二种方法？当你说使用现有的工具提示库时，你是指第三种方法吗？我好像找不到，或者，哦，我找到了这些东西来做造型。我想这些就是你所指的，是吗？我的第一个方法确实是受埃利亚夫曼的帖子启发的。至于样式，是的，您可以使用您发布的url中链接的一个库，或者使用。我个人对此任务的最爱可能是，但推荐/建议离线资源并不是回答主题的一部分。如果答案回答了您的问题并解决了您的问题，请随意接受答案和/或投票。

.tt{
   position: absolute !important;top: 0 !important;right: 0 !important;bottom: 0 !important;left: 0 !important;
}

var c1 = 'First Name' + '<i class="tt" title="Your Tooltip text"></i>';
var c2 = '<div title="This is a tooltip ...">Last Name</div>';

$(function () {
    $('#grid').w2grid({ 
        name: 'grid', 
        columns: [                
            { field: 'fname', caption: c1, size: '30%' },
            { field: 'lname', caption: c2, size: '30%' },
            { field: 'email', caption: 'Email', size: '40%', tooltip: "Hello World" }
        ]
    });    
});