компонент в виде строки в JQuery DataTable в угловых 7

Question

Я загружаю каждую строку таблицы данных как отдельный компонент.Родительский компонент HTML выглядит как

<table class="display dataTable table-striped hover" id="dashboard-table" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" >
<thead>
<tr>
  <th>Run Name</th>
  <th>Notes</th>
</tr>
</thead>
<tbody>
    <app-run *ngFor="let item of data$" [runData]="item"></app-run>
</tbody>

А класс компонента выглядит как

this.dtOptions = {
  pageLength: 25,
  responsive: true,
  lengthChange: false
  order: [[1, 'asc']]
};

Но поскольку я загружаю каждую строку как динамически таблицу данных компонентане работает, есть идеи, как я могу решить эту проблему?

Я использую угловой 7 и для таблицы данных, я следовал инструкции, указанной в datatable