我正在使用角度数据表,并希望在某些操作完成后重新加载数据,但它不会删除旧数据,请注意该操作在另一个组件中。 适应情况后,我在代码中使用了link。
rerender_datatable() {
this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
dtInstance.ajax.reload().clear().draw();
});
}
以及对该函数的调用
this.subscription = this.communicate.getMessage().subscribe(message => {
if (message.msg == "deleteComponent" ) {
this.rerender_datatable();
}
}
);
和用于数据表的html
<table datatable [dtOptions]="customOptions" id="mytable" class="table table-hover table-sm text-center mytable"> <!--row-border hover-->
<tfoot>
<tr>
<th *ngFor="let c of customOptions.columns" >
<input class="form-control" type="text" placeholder="{{c.title}}" name="search-{{c.data}}" />
</th>
</tr>
</tfoot>
</table>