I have tried adding and <input type=”text” /> as well as <textarea></textarea> in customizeCell but they seem to be disabled when the cursor focuses on the cell. I need this to provide conditional editability of certain fields as well as editability at higher level of the hierarchy. The logic of disaggregation will be done by the server.
E.g change total supply for 4 cities using a text field. This will make a server call and the server logic figures out how to dis-aggregate the values across 4 cities and updateData will repopulate the new changes to the lower levels in the hierarchy
I have solved it with the following. This is the JS Fiddle. https://jsfiddle.net/u2d4jfow/8/. The fields in blue are editable
Thank you for sharing your solution with us.
We are glad to hear that you found a way that works fine for you.
You are welcome to contact us in case of further questions.