操作后重新加载数据表数据

时间:2019-04-28 15:58:47

标签: angular datatables

我正在使用角度数据表,并希望在某些操作完成后重新加载数据,但它不会删除旧数据,请注意该操作在另一个组件中。 适应情况后,我在代码中使用了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>

0 个答案:

没有答案