gistfile1.txt

export class BasicUse {

  pageable = {
    refresh: true,
    pageSizes: true,
    buttonCount: 10
  };

  foo = 'bar';

  constructor() {
    this.datasource = {
      type: 'odata',
      transport: {
        read: '//demos.telerik.com/kendo-ui/service/Northwind.svc/Customers'
      },
      pageSize: 5
    };
  }
}


<template>
    <require from="./basic-use.css"></require>

    <k-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true">
      <k-col title="Contact Name" field="ContactName">${foo}</k-col>
      <k-col title="Contact Name" field="ContactName"></k-col>
      <k-col title="Contact Title" field="ContactTitle"></k-col>
      <k-col title="Company Name" field="CompanyName"></k-col>
      <k-col field="Country"></k-col>
    </k-grid>
</template>