Bootstrap tabela - Popover w <th>

Question

Witajcie. Problemów ciąg dalszy.
W bootsrtapie można wrzucić Popover do linków. Jednak ja chciałbym wrzucić, aby nad zdjęciem wychodził popover i pokazywał ważne dla mnie dane. Czy da się coś wrzucić w th żeby to wyświetlało. Próbowałem jak poniżej, ale niestety nic.
 

  <th data-field="zdjecie"  data-content="Popover with data-trigger" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover"  data-formatter="imageFormatter" data-sortable="true" data-tooltip="true" > </th> 

 

Comments

Tak więc komentuję sobie sam z nadzieją, że może tym razem się odezwiecie.
Mam poniższy kod ale nie chce działać. Dopiero gdy wpiszę title="cos tam"

       function imageFormatter(value, row) {
        return '<a href="index.php" data-container="body" data-toggle="popover" data-placement="right" data-content="Option"  title="<br>aaavvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv"><img src="'+value+'"   width= "50px" height= "50px" /></a>';
      } 
    



$(".pop").popover({ trigger: "manual" , html: true, animation:false})
    .on("mouseenter", function () {
        var _this = this;
        $(this).popover("show");
        $(".popover").on("mouseleave", function () {
            $(_this).popover('hide');
        });
    }).on("mouseleave", function () {
        var _this = this;
        setTimeout(function () {
            if (!$(".popover:hover").length) {
                $(_this).popover("hide");
            }
        }, 300);
});       

 

A TH
 

<th data-field="zdjecie" data-original-title="Title" data-trigger="hover"  data-formatter="imageFormatter" data-sortable="true" data-tooltip="true" > </th> 

Bo tutaj działa:

http://embed.plnkr.co/x2VMhh