не в состоянии добавить класс CSS и цикл в таблице настройки

Question

У меня есть настроенная таблица, в которую я добавил stepwizard к таблице в следующей строке, но класс не работает, а также как применить ngFor

Вот код

initDataTable(finaldata) {
    let self: any = this;
    let userTableOptions = {
      data: finaldata,
      scroller: false,
      paging: true,
      searching: true,
      scrollCollapse: false,
      colReorder: {
        realtime: true
      },
      info: true,
      serverSideSearching: false,
      scrollY: $('#tablePageContent').height(),
      scrollX: true,
      responsive: false,
      onInitComplete: function () {  //this is where i am adding the stepwizard
        $('#notificationTable').find('tbody').find('tr').each(function(i, el) {
          console.log(el);
          $(el).append(`<td style ="display: table-caption;caption-side: bottom; max-width: 100%;">  
          <div class="stepwizard col-md-offset-3" style="margin: auto; margin-bottom: -5px;">
          <div class="stepwizard-row setup-panel">
            <div class="stepwizard-step" *ngFor="let status of approvalStatus">
              <a [ngClass]="status.processed?'btn btn-success btn-circle':'btn btn-pending btn-circle'">
                <i *ngIf="status.processed" class="fas fa-check dashboardIcon"></i>
              </a>
              <p>"'++'"</p>
            </div>
          </div>
        </div></td>`)
      });
      $('#notificationTable').find('tbody').find('td').css("border", "none");
      $('#notificationTable').find('tbody').find('tr').css("border-top", "2px solid #dee2e6");
      },
      columns: dt.constructColumns(this.tableArray, this.tableId)
    };
    dt.DataTable(this.tableId, userTableOptions);
  }

не работает класс stepwizard css, а также не работает Пожалуйста, помогите мне с этой проблемой.