<div class="container tableDiv">
  <ngx-datatable class="material striped" [rows]="list" [columnMode]="'force'" [headerHeight]="50" [rowHeight]="'auto'"
    [messages]="{emptyMessage: 'No Records Available'}">
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='candidateName' name='Candidate'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row.candidateName | titlecase}} <br>
        <h2 class="td-email">{{row.candidateEmail}}</h2>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='jobTitle' name='Job Id & Location'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row.candidateJobTitle}} <br>
        <h2 class="td-email">{{row.candidateLocation}}</h2>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='' name='Primary Challenge'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        <div *ngFor="let pc of row.primaryFeedbacks">
          <p>{{pc}}</p>
        </div>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='' name='Coding Challenge'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        <div *ngFor="let cd of row.codingChallengeFeedbacks">
          <p>{{cd}}</p>
        </div>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='' name='Whiteboarding'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        <div *ngFor="let whiteboard of row.whiteboardConnectFeedbacks">
          <p>{{whiteboard}}</p>
        </div>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='' name='Leadership Connect'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        <div *ngFor="let leadership of row.leadershipConnectFeedbacks">
          <p>{{leadership}}</p>
        </div> 
      </ng-template>
    </ngx-datatable-column>
  </ngx-datatable>
</div>