<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>{{'Amount' | translate}}</th>
          <th>{{'Payment Mode' | translate}}</th>
          <th>{{"Type" | translate}}</th>
          <th>{{'Date' | translate}}</th>
       
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let expense of expenseData">
          <td>{{expense.amount?expense.amount : '0.0'}}</td>
          <td>{{expense.payment_mode?expense.payment_mode:''}}</td>
          <td>{{expense.type ? expense.type : ''}}</td>
          <td>{{expense.Date?(expense.Date | date : 'short'):'NA'}}</td>
        </tr>
      </tbody>
    </table>
  </div>


</div>