Angularjs UI Bootstrap Popover - Put html table inside the popover
<p>I'm using this, <a href="https://angular-ui.github.io/bootstrap/#/popover" rel="nofollow">Angular-UI Bootstrap Popover</a></p>

<p>And below is my code snnipt:</p>

<pre><code>&lt;a href=""
      popover-placement="{{$index &lt; 4 ? 'bottom' : 'left'}}"
      popover-trigger="outsideClick"
      uib-popover-template="'popover_table.html'"&gt;
    Click me  
&lt;/a&gt; 
</code></pre>

<p>When I click the link, it will show the popover_table.html content in page, it's a table which shows the data returned from backend. When there are too much data returned, The popover_table will show many records, and user need to scroll down inside the table. So They are asking if we can fixed the table header in the popover dialog top when scroll. <a href="http://i.stack.imgur.com/hdRav.png" rel="nofollow">Screenshot added below</a></p>

<p>So if there are more than 4 records, I need to add scroll-y and keep the table header fixed in the popover top so user can see it all the time when scrolling.<br>
How to implement this feature? position fixed does not work in this case. 
and also, if I add ng-click for <code>&lt;a&gt;</code>, then is there a way to execute the ng-click function after the popover shows? I tested and found that ng-click function execute first..</p>