Add new info on child row that is already open.

haryp

I have requirement where multiple columns are clickable. So when you click on one column, nested child row is open and one table is added. When you click on another column, new table should be added leaving the previous table open. I am not able to achieve this. I have attached jsfiddle.
When i click on + icon, nested child row table is open.. When I click on salary column, another table should open underneath the nested child table , but its closing the previous table and opening only the second one .

https://jsfiddle.net/noszdw0c/21/

kthorngren

I'm note sure this is what you really want but the foratTwo() function will need to build both tables. The reason is you are calling row().child().show() when clicking on the salary column. For example:
https://jsfiddle.net/noszdw0c/22/

If you just want to append the salary, for example, to the child then you can do something like this example:
https://jsfiddle.net/9pL8xdv2/2/

Kevin