组件作为角度7的jQuery数据表中的行

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中提到的说明