<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='reportTemplateName' name='Template Name'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row.reportTemplateName}} <br>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='modifiedOn' name='Uploaded on'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row.modifiedOn | date:'MMM. d @ h:mm'}}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='experienceLevel' name='Uploaded by'>
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row.reportCategory }}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='mettlScore' name='Choose file Type '>
      <ng-template let-row="row" ngx-datatable-cell-template>
        <select class="selectBox">
          <option>JSON</option>
          <option>PDF</option>
        </select>

      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column [sortable]="true" [resizeable]="false" prop='feedback' name='Run'>
      <ng-template let-row="row" ngx-datatable-cell-template>
      <div>
        <i class="material-icons">arrow_forward</i>
        <p>RUN</p>
      </div>
      </ng-template>
    </ngx-datatable-column>
  </ngx-datatable>
</div>
