When you want to create a tooltip inside a table you have a terrible problem that the table is resized and create a mess.
table_error

For that reason you a small trick. Inside the table row you create you put a div that has the tooltip.

mpla mpla
trick

For javascript you use
$('.show-tooltip').each(function(e) {
var p = $(this).parent();
if (p.is('td')) {
/* if your tooltip is on a, transfer's padding to wrapper */
$(this).css('padding', p.css('padding'));
p.css('padding', '0 0');
}
$(this).tooltip({
toggle: 'toolip',
placement: 'top'
});
});

and for css you use the bootsrtap css do all your job for you.
and here is the link for the jsfiddle
Fiddle

cheers….