In angular 7 I am trying to set total grid width dynamically and it works fine. But while trying to set column width dynamically it is till having fixed value. It is keeping initial value (columnWidth = 120px)l
<igx-grid #defectdetails [width]="width" height="256px" columnWidth="{{columnWidth}}" >
The main issue is that when I increase total width to somewhat higher than (number of column * column width(which is fixed: 120px)) . Then in this case there is one css class getting applied .igx-display-container--inactive this I don't want to be applied as I have some business rule around that. So That is the reason I want to change column width dynamically based on total width so that this css class can not be applied.
Please let me know If there is any workaround
Hello AMIT,
IgxGrid’s columnWidth property works only at initial load.If you wish to change the column width after that, you should be able to use IgxColumnComponent’s width property instead.
https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#width
Please let me know if I may be of further assistance.
Thank you,Mihoko Kamiishi