I currently have two editable cells in the grid. First one is a dropdown and second is a comment. Depending on the value picked in the dropdown the cell styling for the comment cell changes to show if its required or not. I had this working fine by using below in the select method fired when picking dropdown value (highlight is the cell styling).
// this is needed to ensure the conditions refire on change of valuesthis.highlight = { ...this.highlight };
I found above approach in one of the examples given. This was working fine until I upgraded to 9.1.7 licensed version (from 9.1.2 licenses version) and now its no longer firing the cell styling method for the other columns only for the column which itself changes.
Can you please advise how I can ensure the cell styling is re-evaluated for other columns after changing the contents of one cell.
I can't downgrade back to 9.1.2 as I upgraded to fix another issue with the grid jumping on row selection
Thanks
Katy
Hello Katy,
Thank you for posting in our community.
I have created a small sample in StackBlitz trying to reproduce the described behavior. On my side, when an item that satisfies a given condition is chosen from igxDropDown, the style of the next cell is updated.
If this is not an accurate demonstration of what you are trying to achieve please feel free to fork it, modify it, and send it back to me along with steps to reproduce.
Looking forward to hearing from you.
Yes that is similar to my use case. I figured out the problem is related to the custom toolbar I have around the state service as if I remove that it works fine. What I am doing there is caching the custom styling, functions etc applied to the columns and then reapplying those to the state service output since it drops those. So when user applies a view it will reapply the original functions and handling. Seems like due to that the approach isn't working. Although it definitely did in 9.1.2 as that is currently in production and working fine. I guess the column is already linked to the object rather than the reference and so doing this.highlight = {...this.highlight} isn't impacting those columns. Not too sure how it was working before. Is there a way I can get that to work? Or a different way to ensure the styling is reapplied?