D-Net

<p-table [value]="processHistoryData"

         [lazy]="true"

         (onLazyLoad)="onPagination($event)"

         [paginator]="true"

         [rows]="rows"

         styleClass="p-datatable-gridlines"

         [rowHover]="true"

         [totalRecords]="processHistoryData?.length"

         [loading]="loading"

         [autoLayout]="true"

         #pTable

>

  <ng-template pTemplate="header">

    <tr>

      <th>Process History ID</th>

      <th>Process Status</th>

      <th>Process Status Update</th>

      <th>Process History Description</th>

      <th>User ID</th>

    </tr>

  </ng-template>

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

    <tr>

      <td>{{process.id}}</td>

      <td>{{process.processStatus.name}}</td>

      <td>{{process.processStatusUpdate|date: "dd/MM/yyyy HH:mm"}}</td>

      <td>{{process.processHistoryDescription}}</td>

      <td>{{process.userId}}</td>

    </tr>

  </ng-template>

</p-table>