<div style="max-height: 550px;height: auto;border-radius: 8px">
  <div class="loading" *ngIf="Load">Loading&#8230;</div>
  <div *ngIf="showError">
    <p></p>
  </div>
  <table id="test" class="table table-striped table-hover" style="height: 500px ;overflow: auto;font-size:12px">
    <thead style="background-color:#A2C523;color: white;">
      <tr>
        <th style="text-align: center">{{'Vehicle' | translate}}</th>
        <th style="text-align: center">{{'On/Off' | translate}}</th>
        <th style="text-align: center">{{'Time' | translate}}</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let report of tableArr; let i=index;">
        <td style="text-align: center">{{report.vehicleName}}</td>
        <td style="text-align: center">{{report.action}}</td>
        <td style="text-align: center">{{report.actionTime | date : 'medium'}}</td>
      </tr>
    </tbody>
  </table>
</div>