Collapse not working correctly when using custom cell rendrers

[Bartaf83]

I used the handsontable nestedRows feature (as in this example ) also with several types of custom cell rendrers.

This is how it looks and how the group collapse works on it currently DEMO. and this is the jsfiddle reproducing it.

As you can see in the demo, the collapse handler (the dash) is placed on the first collapsed group row (the one directly below the group header row) in which only the cell in the first column has changed as the entire first column group collapsed and the second group in that first column is placed directly below that first group row and get its header on its bottom. Only the last group collapse works good.

Would you please tell me what could have caused this strange behaviour ?

Best Regards

********************************* UPDATE **************************************
It seems rendrers are what make the collapse not working : when i removed them from the code, the collapse now works fine DEMO2 / jsfiddle2

My environment

• Handsontable version: 1.14.3
• Browser Name and version: chrome 63.0.3239.132 (Official Build) (64-bit)
• Operating System: windows 10 Pro

[AMBudnik]

Hi @Bartaf83

Can you share a scenario on how to replicate the issue?

ps. I remember this demo. We have written about the case scenario earlier before.

[Bartaf83]

i did share the jsfiddle reproducing it. Isn't that what you'are looking for ?

[AMBudnik]

Sorry, it's just a label. What I've meant is a .gif/video. I just do not know what is the odd behavior that you would like to change/fix. Can you explain it a little more? Step by step scenario would definitely help.

EDIT. I see that the demo that you've send before (1 post) is different from the second one). In the second one, I can see the issue (rows are collapsing the wrong parent row). Give me a moment to check this one.

[Bartaf83]

yes man please take your time! i firstly sent this video demo and the jsfiddle reproducing it then later i've tested the collapse without any rendrers (demo2 / jsfiddle2) and i found that it works like charm without them. The conclusion was that the collapse doesn't work correctly when rendrers are used.

[AMBudnik]

Hi again @Bartaf83

the issue is caused by the mergeCells option. It does not respect hiddenRows indexes (something definitely to add in the future).
The first demo http://jsfiddle.net/handsoncode/nfh0a9mq/ does not use merging to create parent rows it just changes the color of border/background.

[Bartaf83]

i get rid of the mergeCells option but the same collapse bug remains (demo3 / jsfiddle3). By the way , i've used the mergeCells option in the example of collapse without rendrers (jsfiddle2) and it didn't have any bad influence on the collapse.

[AMBudnik]

My bad! You're right. Adding the custom renderers causes the issue.
It looks like some nestedRows properties might be lost while adding custom renderers. I guess it's related to updateSettings.

Sorry, but I need to leave it for further investigation by for devs. I did not find any possible workaround.

[Bartaf83]

thanks that you tried , i'm looking forward for a fix :)