ng-grid(angular) table child rows to display on parent row selection

Question

We are using Angular6. Is it possible to create child rows under a parent row in ng-grid? For example: I have a number rows in ng-grid where each row with attributes of a school, and when I select a single row in it, it will display a child grid (pop up) with each row giving details of children under that school. I havent seen such angular example in web.

here is the sample code of row selection.

Please suggest the change to enhance to load child table popup on row selection