<h1>Probes</h1>
<p-table [value]="probes" selectionMode="single"  (onRowSelect)="onRowSelect($event)" [resizableColumns]="true">
  <ng-template pTemplate="header">
    <tr>
      <th>Probe Name</th>
      <th style="width:10em">IP</th>
      <th style="width:8em">OS</th>
      <th style="width:10em">CIDR</th>
      <th pResizableColumn>Targets</th>
      <th style="width:8em">Authroized at</th>
      <th style="width:9em">Authroized by</th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-probe>
    <tr [pSelectableRow]="probe">
      <td>{{probe.displayName}}</td>
      <td>?</td>
      <td>?</td>
      <td>{{probe.cidr}}</td>
      <td>??</td>
      <td>{{probe.authorizeDate | date: 'dd.MM.yyyy'}}</td>
      <td>{{probe.authorizeMember.name}}</td>
    </tr>
  </ng-template>
</p-table>