Hi, 

The solution you've provided (for earlier version) did work. However, since our grid has many columns, there is a horizontal scroll bar. The issue is, once the styling is applied on the earlier columns and we scroll further right, and then scroll back, the applied style is removed (possibly because of column virtualisation). 
How can we have it persistent.

Thanks

Hi Teodosia,

Thank you for the solution you've provided.
In analysing, I found out that :

1.Conditional Styling: There is a version mismatch of the solution and the version of our Infragistics.
We currently are using version 10.0.0 and in that, the property (headerStyles) is not present.

2.Height Decrease: The classes for overriding didn't work. 

Could you provide us with a solution which is for the version we are using ?

Infragistics: 10.0.0
Angular: 10.0.0

Thanks