Проблема с отображением данных в Angular 7

Question

Я пытаюсь показать данные из моего API в datatable на angular.Api работает нормально, но я не могу показать эти данные в моем datatable когда я нажимаю кнопку поиска, в моих таблицах данных ничего не появляется, но данные отображаются на консоли

Вот код файла .ts

fetchRollHeader(){
   var apiurl = 'http://localhost/abc/Controller/abc.php';

    var data = new FormData();
    data.append('data', 'fetchRollHeader');
    data.append('roll_id', this.roll_id_start);

      return this.http.post<any>(apiurl, data)

          .pipe(map(response => response))
          .subscribe(
                data=> {
              if(data['response_type'] != undefined && data['response_type'] == 'Error'){

                    if(data['response'] == 29){
                    }else if(data['response'] == 8 || data['response'] == 9 || data['response'] == 10){
                      this.router.navigate(['login']);
                    }else{
                      alert(data['response_value']);


                    }
                }else{
                  this.customers = data;




                }
                 console.log(data);

                },
                error => {
                    console.log("Error", error);
                }
            ); 
  }

Вот мой .html файл

table datatable class="row-border hover"  style="border:1px solid #f3f3f3">
  <thead>
    <tr >
      <th>ID</th>
      <th>First name</th>
      <th>Last name</th>
    </tr>
  </thead>
  <tbody >
    <tr  *ngFor="let item of customers"   >
      <td >{{item.id}}</td>
      <td >{{item.machine_id}}</td>
      <td >{{item.machine_id}}</td>

      <td>Bar</td>
    </tr>

  </tbody>
</table>

Данные консоли