datatables - 在Angular 5数据表: cannot reinitialise DataTable中遇到错误

Question

我正在从事基于角度的项目。我正在使用数据表来显示数据。当我尝试在表上进行一些修改时，出现以下错误。

DataTables警告:表ID = DataTables_Table_0-无法重新初始化DataTable。有关此错误的更多信息，请参见http://datatables.net/tn/3。

Answer 1

我认为这是因为您正在Angular DataTables中使用[dtTrigger]="dtTrigger"并在同一页面上重新呈现该表。如果您有此问题，则应使用以下技巧来处理dtTrigger

    <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="table">

确保您不对 this.dtTrigger.next()使用 ngOnInit()

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

第二次使用时重新渲染它

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