angular2-template - PrimeNg中带有虚拟滚动的自定义过滤器模板不可见？

Question

I am creating my own template filter in primeNg Datatable. It working 
without any issue.
But when I use the same template on virtual scroll it is being cut buy table 
body. Not visible. I tried multiple hit and trial but no luck. 

我添加了<template pTemplate = "body">``<template pTemplate = "header">

but none of them working i tried all possble CSS as well.
Please see the plunk without virtual and with virtual scroll:

没有虚拟滚动Div 可见的 Plunk

Plunk 与虚拟滚动 Div 不可见

Answer 1

Some how i manage to solve this issue. Using position fixed and z-index: 1
I have added z-index because in real app it was behind the table rows.
plunker is updated now with sol.

<div *ngIf='showDiv' style=" width: 150px; height: 200px;
                        position:fixed;
                        z-index: 1;
                        border:1px solid grey;
                        overflow: visible;
                        background-color: ghostwhite;">

更新的笨拙工作