问题描述:

I'm using this, Angular-UI Bootstrap Popover

And below is my code snnipt:

<a href=""

popover-placement="{{$index < 4 ? 'bottom' : 'left'}}"

popover-trigger="outsideClick"

uib-popover-template="'popover_table.html'">

Click me

</a>

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. Screenshot added below

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.

How to implement this feature? position fixed does not work in this case.

and also, if I add ng-click for <a>, 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..

网友答案:

If you are using ng-click then it suppose to be worked if its still fails use $scope.$apply() inside click function

相关阅读:
Top