AngularJS UI-Grid Tree View: How can child rows have different column names than parent rows?

Question

I am trying to have different columns and column names for child rows than the parents rows in TreeView in UI-Grid

There is already a question asked, but the link provided in the comment section has expired. Angular UI-Grid Tree View - Change the Column Header for Child Tree Levels

Answer 1

I found the solution to this problem. We can use expandable grid to achieve this feature.

Link to UI-Grid Expandable Grid Documentation