Is there a way to "expand" a row?

I’m looking to ng2-smart-table to migrate my angular1 components based on ng-table (https://github.com/esvit/ng-table) to Angular (>=2).

One of the thing I use ng-table for the most is like this:

<table ng-table ....>
  <tr ng-repeat-start="elem in $data">
    <td data-title="'Actions'"><button ng-click="$ctrl.toggleDetails(elem)">Details</button></td>
    <td data-title="'Field 1'">{{elem.field1}}</td>
    <td data-title="'Field 2'">{{elem.field2}}</td>
    <td data-title="'Field 3'">{{elem.field3}}</td>
    <td data-title="'Field 4'">{{elem.field4}}</td>
  </tr>
  <tr ng-repeat-end ng-if="elem.showDetails">
    <td colspan="5">DETAILS for elem</td>
  </tr>
</table>

Is there a way to achieve something similar with ng2-smart-table?

[nicomana]

@tenebroso Hi Mate, could you plz add like a working example?. Sry I couldn’t make it work. Thx a lot!

[me-hungry]

@me-hungry Sorry mate, I didn’t continue with my attempt. Good luck

@Et3rnal No problem, I added remove component in OnDestroy. Also need to remove empty rows(parent of component). Anyway thanks for your method. Coz no other options 😦