перезагрузить данные таблицы данных после действий

Question

Я использую угловые таблицы данных и хочу перезагрузить данные, когда какое-то действие завершается, но оно не удаляет старые данные. Обратите внимание, что действие в другом компоненте.Я использую эту ссылку в своем коде после адаптации ее к моему случаю.

    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>