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

有什么方法可以为w2ui网格的列标题放置工具提示或气泡头吗？

我需要一些东西来对本专栏进行更多的解释。

我找到了以下链接，但它们似乎已过时，不再与w2ui v1.4或v1.5 +相关，或者我只是愚蠢到无法使其正常工作。


https://github.com/vitmalina/w2ui/issues/816：我尝试通过fungms或eliavmaman来解决问题，但是它们似乎不适用于更新的w2ui版本。
https://github.com/vitmalina/w2ui/issues/820：对我来说似乎已过时。无法确切地知道需要做什么。


任何帮助或指导都非常有用。

最佳答案

列标题可以包含任何HTML，因此，可以通过以下三种方法来实现所需的目标：


叠加层，或
使用包装的DIV，或
使用内置的工具提示属性。


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

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

JS：

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/

您可以自行决定是否要花更多的钱，例如通过将其样式设置为气泡或使用现有的工具提示库。

关于javascript - w2ui网格列标题工具提示或气泡头，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46943764/