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

Question

是否有任何方法为w2ui网格的列标题放置工具尖端或气泡头？

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

我发现了以下链接，但它们似乎过时了，不再适用于w2ui v1.4或v1.5+，或者我只是愚蠢到无法让它们工作。

• https://github.com/vitmalina/w2ui/issues/816：我试过用真菌或吊灯来解决这个问题，但它们在新的w2ui版本中似乎不起作用。
• https://github.com/vitmalina/w2ui/issues/820：在我看来已经过时了。不知道到底需要做什么。

任何帮助或指导都会得到极大的认可。

Answer 1

列标题可能包含任何HTML，因此，这里有三种方法可以实现您想要的结果：

1. 覆盖层，或
2. 使用包装DIV，或
3. 使用内置工具提示属性。

CSS (只有当您选择覆盖尝试时才需要)：

.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" }
        ]
    });    
});

小提琴：http://jsfiddle.net/kwpd6dm6/1/

这取决于您如何使其更加花哨，例如，将其设计为一个泡泡，或者使用现有的工具提示库。