ngx-bootstrap tooltip container class is not working

Question

I am using tooltip from ngx-bootstrap with this code

<button tooltip="Add column before" container='body' placement='bottom' containerClass='tooltipClass'> 
    <i class="plus"></i>
</button>

and code for tooltipClass is

.tooltipClass{
  z-index:100;
  color:green
}

The tooltip is beneath the row Numbers and that is because of the z-index on rowNo. but I am adding greater z-index to the tooltip but the class is not getting added to it. Any ideas what should I do?

Answer 1

Place .tooltipClass class in the root style-file it will work!