Question

我正在使用角度数据表https://l-lin.github.io/angular-datatables/#/welcome。

在页面加载数据表上调用API后效果很好。但是当我第二次更新表时，我遇到了一些问题，例如：

1）显示数据，但显示条目未更新，如显示1至5个条目中的1到5。应第二次是“显示1至1个条目中的1个”，而不是“显示1至5个条目中的5个”

2）当我搜索特定记录时，它是以前数据中的搜索记录，而不是当前数据。

所以我尝试了类似的解决方案

第二次更新数据时，我销毁了第一个数据表实例，然后再次呈现了该数据表。为此，我编写了类似的功能

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

Answer 1

使用以下方法重新绑定数据表，即this.rebindDataTable（）;

rebindDataTable() {
        this.datatableElement.dtInstance.then(x => x.draw());
}

Angular Datatable-在角度5

1 个答案: