数据表显示“表中没有可用数据”

Question

我有一个使用角度数据表的子组件。该子表有 @Input() stockList: any[].

我面临的问题是，即使数据表加载了数据，它总是显示“表中没有可用数据”

尽管在子组件中添加了以下代码：

<table id="parentTable" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="table row-border hover"
*ngIf="stockList">
<thead>
    <tr>
        <th>ID</th>
        <th>Color</th>
        ......
    </tr>
</thead>
<tbody>
    <tr #rowInstance *ngFor="let item of stockList; let i= index" (click)="toggleRow(i, item.id)">
       <td>{{item.id}}</td>
        <td>{{item.color}}</td>
        ......
    </tr>
</tbody>

ngAfterViewInit() {
  this.dtTrigger.next();
}

它仍然给出同样的问题。我是否缺少任何额外的重新渲染，如果是，我应该在哪个生命周期事件中提及它。

Answer 1

我认为你不应该将

thead/tbody/tr(with ngIf)

放入

table

元素中。

dtOptions

配置对象包含列标签和用于列值的 JSON 格式的基础属性。尝试按照此处演示的方式实施它，并检查是否可以解决您的问题。