Подсказка заголовка столбца сетки w2ui или всплывающая подсказка

Заголовок столбца может содержать любой HTML-код, поэтому три способа достижения желаемого результата:

1. наложение или
2. используя упаковку DIV или
3. используя встроенное свойство всплывающей подсказки.

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/

Это зависит от вас, чтобы сделать это более привлекательным, например, создавая его как пузырь или используя существующую подсказку lib.