Angular：将 ngx-datatable 与 *ngFor

如何解决Angular：将 ngx-datatable 与 *ngFor

我必须将 ngx-datatable 与 * ngfor 一起使用；我正在学习关于 ngx-datatable 的教程，但这是在没有迭代的情况下以 json 格式完成的。这是我作为起点的例子：

app.component.html

<ngx-datatable class="material" [rows]="rows" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
  [rowHeight]="50" [scrollbarV]="true" [sorts]="[{prop: 'name',dir: 'desc'}]">

  <ngx-datatable-column name="Company">
    <ng-template let-row="row" ngx-datatable-cell-template>
      {{row.company}}
    </ng-template>
  </ngx-datatable-column>

  <ngx-datatable-column name="Name">
    <ng-template let-row="row" ngx-datatable-cell-template>
      {{row.name}}
    </ng-template>
  </ngx-datatable-column>

  <ngx-datatable-column name="Gender">
  </ngx-datatable-column>

</ngx-datatable>

现在我希望这在 ngFor 上完成，下面是我感兴趣的代码：

<table class="table table-hover">
    <thea class="thead-light">
        <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Company</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody>
            <tr *ngFor="let xb of tempData"">
                <td>{{ xb.name }}</td>
                <td>{{ xb.email }}</td>
                <td>{{ xb.company }}</td>
                <td>{{ xb.status }}</td>
            </tr>
    </tbody>
</table>

感谢大家的帮助。