Issue: CSS is getting applied to wrong cell after collapsing and expanding nested-rows

Hi, I am changing the color for the header of child row using cells:functions(). It is working fine after rendering table first time. However, when I am collapsing all the parent rows and then expanding again then CSS is getting applied to different cells also. Could you please help me to resolve this issue.

Source Code: Handsontable example - JSFiddle - Code Playground

After first load :

Collapsed rows :

Expanded rows with error :

Hi @fayejitendra

do you have the same issue when you load these resources?

https://cdn.jsdelivr.net/gh/handsontable/handsontable@2d5b2f4b5b8ac9a85d3c93709e5b5ecd3d11ae11/dist/handsontable.full.js
https://cdn.jsdelivr.net/gh/handsontable/handsontable@2d5b2f4b5b8ac9a85d3c93709e5b5ecd3d11ae11/dist/handsontable.full.css