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

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

mpla mpla

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');
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