Angular Datatables: ERROR Error: Cannot read property 'then' of undefined

You should rerender rather than using in ngAfterviewInit Demo

rerender(){
    this.datatableElementList.forEach(datatableElement=>{
        datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
          dtInstance.columns().every(function () {
            const that = this;
            $("input", this.footer()).on("keyup change", function () {
              if (that.search() !== this["value"]) {
                that.search(this["value"]).draw();
              }
            });
          });
        });
    
        datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
          dtInstance.columns().every(function () {
            const that = this;
            $("input", this.footer()).on("keyup change", function () {
              if (that.search() !== this["value"]) {
                that.search(this["value"]).draw();
              }
            });
          });
        });
    });
  }

  ngAfterViewInit(): void {
    this.dtTrigger1.next();
    this.dtTrigger2.next();
  }