ОШИБКА TypeError: Невозможно прочитать свойство 'mData' из неопределенного Angular 6

Question

Я использовал таблицы данных в моей обычной таблице. Я использовал только datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger":

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="table table-default table-sm table-striped">
    <tr>
        <th>Pay Units</th>
        <th>IsActive</th>
        <th></th>
        <th><i class="fa fa-rotate-right" (click)="Refresh()"></i></th>
    </tr>
    <tbody>
    <tr *ngFor="let payunit of PayUnits">
        <td>{{payunit.Name}}</td>
        <td><input type="checkbox" [(ngModel)]="payunit.IsActive"></td>
        <td><i (click)="setUpDate(payunit)" class="fa fa-edit editbtn"></i></a></td>
        <td><i (click)="delete(payunit.ID)" class="fa fa-close reject"></i></a></td>
    </tr>
    </tbody>
</table> 

но выдает ошибку Невозможно прочитать свойство 'mData' из неопределенного , как решить эту ошибку: