title: popover-append-to-body doesn't work
body: <p>I have this kind of problem: I prepared a popover in AngularJS, triggered by button positioned in a row (ng-repeat) inside a table. It works, but when I resize the window, vertically I don't have problems, instead horizontally if I scroll left or right the popover doesn't follow the button that trigger it.</p>
  
  <p>The code is </p>
  
  <pre><code>        &lt;table ng-table="fondiTable" class="table table-condensed table-bordered table-striped" show-filter="isFiltersVisible"&gt;
              &lt;tr ng-repeat="fondo in data"&gt;
                  &lt;td class="i9font text-center" data-title="'Rapporto'" header-class="'i9header'" filter="{rapporto: 'text'}" sortable="'rapporto'"&gt;{{::fondo | formatRapporto}}&lt;/td&gt;
                  &lt;td class="i9font text-center" data-title="'Cdg'" header-class="'i9header'" filter="{cdg: 'text'}" sortable="'cdg'"&gt;{{::fondo.cdg | formatCdg}}&lt;/td&gt;
                  &lt;td class="i9font text-center" data-title="'Log'" header-class="'i9header'"&gt;
                      &lt;button type="button" class="btn btn-default btn-xs" 
                          uib-popover-template="'myPopoverTemplate'" popover-placement="bottom-right" popover-trigger="'outsideClick'" popover-append-to-body="true"&gt;
                              &lt;span class="glyphicon glyphicon-info-sign"&gt;&lt;/span&gt;
                      &lt;/button&gt;                               
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>I read in different issues that the directive "popover-append-to-body = 'true' " could be my solution... but I didn't find the right way to use it.
  Can someone help me? </p>
  
  <p>Thank you in advance</p>