<div class="container">
  <div style="font-size: 12px;margin-left: 5px; margin-right: 5px;background: white; box-shadow: 3px 2px 5px 0px rgb(178, 176, 174);">
    <table id="myTable1" class="table table-striped table-hover">
      <thead style="background: #426E86; color: white;">
        <tr>
          <th>{{'Product Name' | translate}}</th>
          <th>{{'Model' | translate}}</th>
          <th>{{"Quantity" | translate}}</th>
          <th>{{'Price' | translate}}</th>
       
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let order of orderDetail">
          <td>{{order.deviceName}}</td>
          <td>{{order.model}}</td>
          <td>{{order.quantity}}</td>
          <td>{{order.price}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>