Getting error in Angular 5 Datatables: cannot reinitialise DataTable

前端 未结 4 2086
再見小時候
再見小時候 2021-01-05 10:00

I am working on the angular based project. I am using datatables to display data. When I try to do some modifications on the table, I get the following error.

DataT

4条回答
  •  执念已碎
    2021-01-05 10:24

    I think it is because you are using [dtTrigger]="dtTrigger" in Angular DataTables and rerendering the table on the same page. If you have this problem you should use the following trick to handle dtTrigger

        

    Make sure you do not use this.dtTrigger.next() on ngOnInit()

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

    Rerender it when you use the second time

    rerender(): void {
      this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
         dtInstance.destroy();
         this.dtTrigger.next();     
     });
    

    提交回复
    热议问题