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

Я пытаюсь показать данные из моего 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>

Консольные данные