<!-- <div class="container">
  <h2>Details</h2>
  
  <table class="table">
    <thead>
      <tr>
        <th>Device Name</th>
        <th>Date</th>
        <th>Distance</th>
        <th>Start Location</th>
        <th>End Location</th>


      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of tableData">
        <td>{{item.device.Device_Name}}</td>
        <td>{{item.date}}</td>
        <td>{{item.distance}}</td>
        <td>{{item.startLat}}</td>
        <td>{{item.endLat}}</td>


        </tr>
        </tbody>
        </table> -->



        <div class="col-sm-12 col-md-12 col-lg-12">
          <div class=modal-header style="margin-bottom: 6px;">
          <h4>Details</h4>
          <div class="text-right">
          <button  class="mat-raised-button" md-raised-button=""
            style="background-color: #1556b9;color:#fdfdfd;font-size: 12px;
              width: 110px;" (click)="exportExcel()"><span class="mat-button-wrapper">Export To
              Excel</span>
            <div class="mat-button-ripple mat-ripple" md-ripple="" ng-reflect-trigger="[object HTMLButtonElement]"
              ng-reflect-centered="false" ng-reflect-disabled="false"></div>
            <div class="mat-button-focus-overlay"></div>
          </button>
        <button class="mat-raised-button" md-raised-button="" style="background-color: #cc0000;color:#fdfdfd;font-size: 12px;
                      width: 110px;" (click)="dialogRef.close()"><span class="mat-button-wrapper">Close &nbsp;&nbsp;<i class="fa fa-times" aria-hidden="true"></i>
</span>
          <div class="mat-button-ripple mat-ripple" md-ripple="" ng-reflect-trigger="[object HTMLButtonElement]"
            ng-reflect-centered="false" ng-reflect-disabled="false"></div>
          <div class="mat-button-focus-overlay"></div>
        </button>
        </div>
        </div>
          <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12">


                  <!-- <button class="btn btn-default" (click)="exportExcel()">Export</button> -->
                  <!-- <button class="btn btn-default" [disabled]="firstcall" (click)="next()"
                    style="margin-right: 1px;width: 89px;float: right;color:white;line-height: 1.6;background: #426E86;height: auto;font-size: 12px;border-radius: 0px;border: none;margin-bottom: 10px;">{{'Next'
                    | translate}} >></button>
                  <button class="btn btn-default" [disabled]="lastcall" (click)="pre()"
                    style="width: 90px;float: right;color:white;margin-right: 0;line-height: 1.6;background: #426E86;height: auto;font-size: 12px;border-radius: 0px;border: none;margin-bottom: 10px;">
                    << {{'Previous' | translate}}</button> -->
                </div>
              </div>
              <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="loading" *ngIf="Load">Loading&#8230;</div>
                  <div style="width: 100%;height:70vh;">
                    <table id="detailsTable" cellspacing="0" style="width: 100%;font-size: 14px;">
                      <thead style="background-color:#e0e0e0;color: #444444;">
                        <tr>
                          <th style="text-align: left;">{{'Device Name' | translate}}</th>
                            <th style="text-align: left;">{{'Date' | translate}}</th>
                          <th style="text-align: left;">{{'Start Location' | translate}}</th>
                          <th style="text-align: left;">{{'End Location' | translate}}</th>
                          <th style="text-align: left;">{{'Total K.M.' | translate}}</th>
                          <!-- <th style="text-align: left;">{{'Action' | translate}}</th> -->
        
                        </tr>
                      </thead>
                    </table>
                  </div>
                </div>
              </div>
        
            </div>
        
          </div>
        </div>
       