Bootstrap Popover Временное изменение размера таблицы

Question

Я создаю таблицу Bootstrap, используя PHP и HTML. Вот пример ячейки я производящего в том числе во всплывающем окне:

echo '<td colspan="' . $newlength . '" rel="popover" id="example" data-toggle="popover" data-content="Content!!!" data-title="<img src=\'myimage.jpg\' width=\'45\' height=\'30\' /> &nbsp Title">Content!!!</td>'; 

Вот мой сценарий:

$('[data-toggle="popover"]').popover({ 
trigger: 'click', 
    'placement': 'bottom', 
    html: 'true' }); 

Моя проблема заключается в том, что, когда я активировать поповер, нижняя строка таблица увеличивается по ширине, как если бы она была размещена в popover, а затем изменилась до нормали после. Есть ли способ остановить это?

Редактировать: попытались воссоздать проблему - пока она не совсем то же самое на bootply (таблица изменяет размер горизонтально, а не вертикально), это похоже. http://www.bootply.com/91456

Answer 1

Вы можете использовать опцию container для .popover() ...

$('[data-toggle="popover"]').popover({ 
    trigger: 'click', 
     placement: 'right', 
     html: 'true', 
     container: '.table' 
}); 

Это добавит элемент поповер к столу вместо ячейки таблицы.