Why is the Datatable in angular not rendering?

jaisingh

Link to test case: https://stackblitz.com/edit/angular-datatable-20180726-k6jepz?file=app/app.component.html

Error/Problem: Datatable is not rendering in original form
Description of problem: I have two components, Parent and child both hiding and showing through button clicks based on a flag. How can I re-render the datatable, if it is hidden previously?

Expected: If add new row button is clicked through child component, Table should be re-rendered.(code not written for adding new row but an output emitter is applied.)