Fill data using *ngFor in Angular 4 problem

[OmkarJadhav21]

I am using angular 4 for for developement but when data is inserted into the rows ,pagination and total no.of entries will not be shown please refer the below code to solve the issue.I am attaching thne screenshot of issue please suggest the best solutions in angular 2/4/6 only

**JSON

contentData:[
{ 
  firstName:'xyz',
  lastname:'abc',
  mobileNumber:'9999999999'
},
{ 
  firstName:'xyz',
  lastname:'abc',
  mobileNumber:'9999999999'
},
{ 
  firstName:'xyz',
  lastname:'abc',
  mobileNumber:'9999999999'
}
]

HTML

<tbody>
 <tr *ngFor="let row of dataTable.dataRows">
    <td >{{row.firstName}}
       <div class="positiondown">{{row.lastname}}</div>
    </td>
    <td >
       <div class="positiondown">{{row.mobileNumber}}</div>
    </td>
 </tr>
</tbody>

TYPESCRIPT

ngOnInit() {
  this.dataTable = {
    headerRow: ['Name','Add'],
    dataRows: [  ],
  };
 this.datatable.dataRows = JSON.contentData;   // DATA IN ABOVE JSON

 ngAfterViewInit() {
    $('#datatables').DataTable({
      'pagingType': 'full_numbers',
      'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, 'All']],
      responsive: true,
      paging: true,
      ordering: false,
      language: {
        search: '_INPUT_',
        searchPlaceholder: 'Search records',
      }
    });
}
}

I also tried with --
setTimeout(function () { this.initTable(); }, 10);

[chelaruc]

@OmkarJadhav21 thank you for using our product and sorry for the late response. Check #33 and tell me if you'll find the solution here. Best, Ciprian

[OmkarJadhav21]

I already tried with #33 but it can't solve this problem