<kendo-grid
  [groupable]="true"
  [data]="gridView"
  [loading]="loading"
  (groupChange)="groupChange($event)"
>
  <kendo-grid-column field="Id" [groupable]="false"></kendo-grid-column>

  <kendo-grid-column field="Amount" [groupable]="false">
    <ng-template kendoGridCellTemplate let-dataItem>
      <span >{{ dataItem.Amount | currency }}</span>
    </ng-template>
  </kendo-grid-column>
  <kendo-grid-column field="Description" title="✅ Description" ></kendo-grid-column>

  <kendo-grid-column field="Item" title="✅  From Loan"></kendo-grid-column>
  <kendo-grid-column field="Status" title="✅  Loan Status">
    <ng-template kendoGridCellTemplate let-dataItem>
      <span *ngIf="dataItem.Status != 'none'" class="badge badge-success">{{dataItem.Status}}</span>
    </ng-template>
  </kendo-grid-column>

  <kendo-grid-column field="Ts" title="Date Rewarded" [groupable]="false">
    <ng-template kendoGridCellTemplate let-dataItem >
      <div *ngIf="dataItem.Settlement != null" >
        {{  dataItem.Ts | date: 'yyyy-MM-dd' }}
      </div>
    </ng-template>
  </kendo-grid-column>


  <kendo-grid-column field="Paid" title="✅  Paid">  </kendo-grid-column>

</kendo-grid>
