member_webapp/src/packages/notification/component/notification/notification.component.html

<h1>Notifications</h1>
<div>
    <a href="javascript:void(0)" (click)="onMarkAllAsRead()">Mark all as read</a>
</div>

<p-table [value]="notifications" selectionMode="single"  (onRowSelect)="onRowSelect($event)" [resizableColumns]="true">
  <ng-template pTemplate="body" let-notification let-rowIndex="rowIndex" >
      <tr [pSelectableRow]="notification" [ngStyle]="notification.confirmDate ? '' : {'background-color': 'lightblue'}">
          <td>{{notification.createDate | date: 'dd/MM/yyyy'}}</td>
          <td>{{notification.title}}</td>
          <td>{{notification.message}}</td>
          <td>{{notification.member.name}}</td>
      </tr>
  </ng-template>
</p-table>
<p-paginator [rows]="pageSize" [totalRecords]="totalLength" (onPageChange)="onPaging($event)"></p-paginator>