Angular - 带有新数据的数据表重绘表

Question

我遇到了角度数据表重绘的问题。

https://stackblitz.com/edit/angular-6-angular-way-tutorial-pagination-not-working-13-k1hag7

这是问题的示例。 API调用到这里就完成了。

插件文档 - https://l-lin.github.io/angular-datatables/#/welcome

Answer 1

你必须在重新加载数据之前销毁表

this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
        // Destroy the table first
        dtInstance.destroy();
        // Call the dtTrigger to rerender again
        this.dtTrigger.next();
      });