Bootstrap 3 popover пустое место в строке таблицы

Question

Я пытаюсь сделать popping над большим изображением, когда курсор находится над маленьким изображением. Так или иначе, когда он всплывает, он создает пробел после текущей ячейки таблицы. Как решить эту проблему? фрагмент кода HTML: инициализация

<tr> 
    <td data-toggle="popover" data-placement="auto left" data-trigger="click" data-html="true"> 
    <img class="img" style="height:36px" src="{if $product->small_image}files/products/{$product->small_image}{else}files/products/noimage.png{/if}" alt="{$product->model|escape}"> 
    <div class="popover-content1 hide"> 
     <img style="max-width:250px;max-height:250px" src="files/products/{$product->large_image}"> 
    </div> 
    </td> 
    <td> 
    ...poduct-name... 
    </td> 
    <td> 
    ...price... 
    </td> 
</tr> 

ЯШ:

$('[data-toggle="popover"]').popover({ 
    content: function() { 
     return $(this).find('.popover-content1').html(); 
     } 
}); 

Скриншоты: normal view, popover effect

Answer 1

Просто решить мою проблему, добавив DIV в текущую ячейку таблицы и перенести этот код

data-toggle="popover" data-placement="auto left" data-trigger="click" data-html="true" 

в созданном div. Также изменен Js от

return $(this).find('.popover-content1').html(); 

в

return $(this).next('.popover-content1').html(); 

Похоже данных рычажками Безразлично `корректно работать с ячейками таблицы.