Zmiana pozycji popperu bootstrap dla określonego elementu

Question

Używam bootstrap popover w tabeli danych, jak zobaczysz z mojego jsFiddle poniżej każdej komórki tworzy popover po kliknięciu.

Próbuję dostosować pozycję lub "umieszczenie" popover dla ostatniego td z rzędu, pomysł jest taki, że gdy ostatnia komórka zostanie kliknięta, popover zostanie umieszczony po lewej zamiast na górze.

Zobaczysz, czy przewiniesz do końca tabeli, kliknij na ostatnią komórkę, w której dokonałem wyboru, ale nie na pozycjonowanie.

Jakieś pomysły, jak to osiągnąć?

http://jsfiddle.net/N8NNC/1/

Herezje przez JavaScript dla popovers:

$(".metapop").popover({ 

    html: true, 
    trigger: 'manual', 
    placement: 'top', 
    title: "You clicked on this cell:", 
    content: 'hello this is a popover' 

}).click(function(e) { 

     $('.popover').hide(); 
     $(this).popover('show'); 
     if($(this).parent().is('td:last-child')) 
      { 
       alert($(this)) 
      } 
    }); 

Answer 1

Można przypisać funkcję do opcji 'lokowanie' tak ..

$(".metapop").popover({ 

    html: true, 
    trigger: 'manual', 
    placement: function(pop,ele){ 
     if($(ele).parent().is('td:last-child')){ 
     return 'left' 
     }else{ 
     return 'top' 
     } 
    }, 
    title: "You clicked on this cell:", 
    content: 'hello this is a popover' 

})