keystore-edit-dialog.component.html

<h2 mat-dialog-title>{{formTitle}}</h2>
<mat-dialog-content style="height:600px;width:1000px">
  <mat-card style="height:500px">
    <mat-card-content >
      <ngx-datatable
        id='keystoreTable_id'
        class='material striped'
        style="height: 450px;"
        [reorderable]="true"
        [sorts]="[{prop: 'alias', dir: 'asc'}]"
        [selectionType]='"signle"'
        [rows]='lookups.cachedCertificateList'
        [columnMode]='"force"'
        [headerHeight]='50'
        [footerHeight]='50'
        [rowHeight]='"fixed"'
        (activate)='onActivate($event)'
        [count]='lookups.cachedCertificateList.length'
        [limit]="5"
      >
        <ngx-datatable-column prop="alias" name="Alias" maxWidth="250"></ngx-datatable-column>
        <ngx-datatable-column prop="certificateId" name="Certificate id"></ngx-datatable-column>
        <ngx-datatable-column [cellTemplate]="certificateRowActions" name="Actions"
                              minWidth="100" maxWidth="180" > </ngx-datatable-column>

        <ng-template #certificateRowActions let-row="row" ngx-datatable-cell-template>
          <div>
            <button mat-icon-button color="primary"
                    matTooltip="Certificate details"
                    (click)="onShowCertificateDataRow(row)" >
              <mat-icon>details</mat-icon>
            </button>
            <button mat-icon-button color="primary"
                    matTooltip="Delete certificate"
                    (click)="onDeleteCertificateRowActionClicked(row)">
              <mat-icon>delete</mat-icon>
            </button>
          </div>
        </ng-template>
      </ngx-datatable>
      <button mat-raised-button color="primary" (click)="openImportKeystoreDialog()">
        <mat-icon>vpn_key</mat-icon>
        <span>Import keystore</span>
      </button>
    </mat-card-content>
  </mat-card>
</mat-dialog-content>
<table class="buttonsRow">
  <tr>
    <td>
      <button mat-raised-button color="primary" mat-dialog-close>
        <mat-icon>close</mat-icon>
        <span>Close</span>
      </button>
    </td>
  </tr>
</table>