Modifica della posizione del popover bootstrap per un particolare elemento

Question

Sto usando il bootstrap popover su una tabella di dati come vedrai dal mio jsFiddle sotto ogni cella crea un popover quando si fa clic su.

Sto provando a regolare la posizione o il "posizionamento" del popover per l'ultimo td in una riga, l'idea è quando si fa clic sull'ultima cella il popover verrà posizionato a sinistra anziché in alto.

Vedrai se scorri fino alla fine della tabella clicca sull'ultima cella in cui ho implementato la selezione ma non il posizionamento.

Qualche idea su come raggiungere questo obiettivo?

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

Heres da JavaScript per le 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

Si potrebbe assegnare una funzione per l'opzione 'collocazione' come questo ..

$(".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' 

})