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
使用虚拟滚动Div 不可见
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;">更新的 plunk 工作