D-Net

<p-table [value]="_users?.data"

         selectionMode="single"

         dataKey="id"

         [(selection)]="selectedUser"

         [lazy]="true"

         [totalRecords]="totalRecords"

         (onLazyLoad)="onLazyLoad($event)"

         [paginator]="true"

         [rows]="rows"

         [loading]="load"

         styleClass="p-datatable-gridlines"

         [rowHover]="true"

         (click)="addSelectedUser(selectedUser)"

         [autoLayout]="true"

         #usersTable>

  <ng-template pTemplate="header">

    <tr>

      <th style="width: 3rem"></th>

      <th>User Code</th>

      <th>User Name</th>

      <th>User Surname</th>

      <th>User Email</th>

      <th>Status</th>

    </tr>

  </ng-template>

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

    <tr>

      <td>

        <p-tableRadioButton [value]="user"></p-tableRadioButton>

      </td>

      <td>{{user.userCode}}</td>

      <td>{{user.name}}</td>

      <td>{{user.surname}}</td>

      <td>{{user.email}}</td>

      <td>{{user.status}}</td>

    </tr>

  </ng-template>

</p-table>