<!-- header -->
<divider></divider>
<p class="full-width text-centered">{{title | translate}}</p>
<divider></divider>
<ion-grid>
  <!-- headers-->
  <ion-row text-center >
    <ion-col center *ngFor="let header of headers ">
      <p> {{header | translate}} </p>
    </ion-col>
  </ion-row>
  <!-- values -->
  <ion-row text-center *ngFor="let dataObject of objectsArray" [hidden]="!isValidRow(dataObject)">

    <ion-col center *ngFor="let prop of properties">
      <p>{{ dataObject[prop] | ifDate }}</p>
    </ion-col>

  </ion-row>

  <!-- empty table-->
  <ion-row text-center *ngIf="!objectsArray" >
    <ion-col center>
      <p>{{ 'general,empty'| translate }}</p>
    </ion-col>
  </ion-row>

</ion-grid>