<kendo-grid [resizable]="true"
            [scrollable]="'none'"
            [data]="items">
  <kendo-grid-column field="ToDisplay" title="Beneficiary" width="100">
  </kendo-grid-column>
  <kendo-grid-column field="Description">
    <ng-template kendoGridCellTemplate let-dataItem>
      <div class="invoice-item-description">
        <span class="label"> For: </span> <span class="beneficiary"> {{dataItem.Description }} </span>

        <p class="description" *ngIf="dataItem.LoanId !== '' ">
          <span class="label"> Regarding Loan:  </span>
          <span class="regarding">   {{dataItem.Item}}, </span>
        </p>
        <span class="label"> Issued on : </span>
        <span class="issued-on-date">{{dataItem.Ts | date:"yyyy-MMMM-dd" }} </span>


        <span *ngIf="dataItem.FromId !== '0' && dataItem.FromId !== '' " class="money-giver">
          From: {{dataItem.From.Display}}
        </span>
        <sub > * SFM Reference: {{ dataItem.Id}} *</sub>
      </div>

    </ng-template>
  </kendo-grid-column>
  <kendo-grid-column field="Amount" format="{0:c}" width="200"></kendo-grid-column>
</kendo-grid>

