<div class="ui-g">
  <div class="ui-g-6 ui-nopad">
    <h3>NICs</h3>
  </div>

  <!-- info -->
  <div class="ui-g ui-bottom-space-10">
    <p-table *ngIf="infraHostIPs" [value]="infraHostIPs" selectionMode="single" (onRowSelect)="select.emit($event.data)" [resizableColumns]="true">
      <ng-template pTemplate="header">
        <tr>
          <th style="width: 3.25em">
          </th>
          <th>Interface</th>
          <th style="width:3em">Ver.</th>
          <th>Address</th>
          <th>Mac address</th>
          <th>Gateway</th>
        </tr>
      </ng-template>
      <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex">
        <tr [pSelectableRow]="rowData">
          <td>
            <p-tableRadioButton [value]="rowData" [disabled]="rowData.metaIPType.key !== 'V4'"></p-tableRadioButton>
          </td>
          <td>{{rowData.iface}}</td>
          <td>{{rowData.metaIPType.key}}</td>
          <td>{{rowData.address}}</td>
          <td>{{rowData.mac}}</td>
          <td>{{rowData.gateway}}</td>
        </tr>
      </ng-template>
    </p-table>
  </div>
</div>