I've got some table header th elements that have popovers attached to them.
When I activate them, the popover inserts a div immediately after the th
element, which is of course invalid markup and screws up the table, causing
columns to shift around, sometimes moving the th element out from under the
mouse, resulting in a nasty flicker.
Since the popovers don't need to be anywhere in particular in document
flow, is there some way of making them use a hidden div? I've tried using
the selector option (not sure if that's what it's meant for!) specifying a
hidden div like this:
$('.popover-trigger').popover({ trigger: 'hover', selector: '#mypopdiv' });
but that just stops them working altogether. How can I work around this?
