I am using Angular 10 with primeNG. I added custom tooltip for column data in p-table but the tooltip is not appearing above the scroll

Question

I am using p-table in angular using primeng. The problem here is like tooltip not appearing above the horizontal and vertical scroll. Instead it is creating one extra space for itself.

enter image description here

I put the z-index:1 but the problem is that the tooltip div is appearing above the p-table but not the p-datatable-wrapper i.e. the scroll.