Angular datatables dtOptions и данные обновляются только после второго нажатия кнопки

filter() {
  this.dtOptions = {
    pagingType: 'full_numbers',
    pageLength: 20,
    serverSide: true,
    processing: true,
    searching: false,
    ajax: (dataTablesParameters: any, callback) => {
      that.service.getExtendedCdrByCriteria(this.selectedDirection, this.selectedDisposition, this.caller, this.calledNumber, this.from, this.to, dataTablesParameters).subscribe(resp => {
        that.extendedCdrs = resp.data;
        console.log('ajax call');
 
        callback({
          recordsTotal: resp.recordsTotal,
          recordsFiltered: resp.recordsFiltered,
          data: []
        });
      });
    },
    columns: [
      { data: 'direction' },
      { data: 'datetime' },
      { data: 'callerNumber' },
      { data: 'calledNumber' },
      { data: 'timeOnHold' },
      { data: 'callTotalTime' },
      { data: 'trunkName' },
      { data: 'disposition' },
      { data: 'recordingfile' }
    ],
  };
  this.rerender();
}
 
rerender(): void {
  try {
    this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
      dtInstance.destroy();
      this.dtTrigger.next();
    });
  } catch (err) {
    console.log(err);
  }
}