D-Net

<p-table [value]="receivedException"

         [autoLayout]="true"

         styleClass="p-datatable-gridlines"

         [rowHover]="true">

  <ng-template pTemplate="header">

    <tr>

      <th>Routine ID</th>

      <th>Routine Name</th>

      <th>Description</th>

      <th>Status</th>

      <th class="two-buttons"></th>

    </tr>

  </ng-template>

  <ng-template pTemplate="body" let-exception>

    <tr>

      <td>{{exception.alteryxRoutineId}}</td>

      <td>NOT IN DB</td>

      <td>{{exception.alteryxExceptionDescription}}</td>

      <td>{{exception.alteryxExceptionStatus.name}}</td>

      <!-- Preview Icon -->

      <td>

        <p-button (click)="preview(exception)"

                  icon="pi pi-file-o"

                  styleClass="p-mr-2 p-button-secondary p-button-rounded p-button-outlined">

        </p-button>

        <p-button (click)="recalculation(exception)"

                  icon="pi pi-chart-bar"

                  styleClass="p-button-secondary p-button-rounded p-button-outlined">

        </p-button>

      </td>

    </tr>

  </ng-template>

</p-table>