HTML, CSS, JavaScript
Bootstrap Popover not displaying in a table
Hi all,
According to everything I've read there should be no problem putting a Bootstrap Popover in a <td>
.
I'm using Bootstrap.js 3.1.1
The following works fine elsewhere in the same html template (so the popover plugin is being initialized) but does not work in a table.
<a href="" class="js-popover"
title="Part Notes"
tabindex="-1"
data-container="body"
data-toggle="popover"
data-placement="top"
data-original-title=""
data-trigger="click"
data-html="true"
data-content="{{ part.part_notes }}"
ng-show="part.part_notes">
<i class="fa fa-commenting-o fa-lg"></i>
</a>
Online searches haven't helped so far. Can anyone think of anything that might cause this problem?
Thanks,
Carl