<nb-card class="{{cardCssClass}}">
  <nb-card-header *ngIf="title">
    {{title}}

    <nb-actions size="small" fullWidth class="float-right" *ngIf="settings.headerCallbackButtons">
      <nb-action icon="{{callbackBtn.icon}}" title="{{callbackBtn.title}}" (click)="callbackBtn.callback( datum,null)"
        *ngFor="let callbackBtn of settings.headerCallbackButtons">
      </nb-action>
    </nb-actions>
  </nb-card-header>
  <nb-card-body>
    <fancy-table [data]="data" [settings]="settings" (rowSelected)="selectRow($event)"
      (doubleClick)="doubleClickRow($event)"></fancy-table>
  </nb-card-body>
  <nb-card-footer>
    <div class="buttons-row">
      <button nbButton hero status="danger" size="small" class="float-right" (click)="close()">Cancel</button>
      <button nbButton hero status="primary" size="small" class="float-right mr-3" (click)="submit()"
        *ngIf="displaySubmitBtn">Submit</button>
    </div>
  </nb-card-footer>
</nb-card>