adriatic

<template>
  <ak-tree-list k-data-source.bind="dataSource"
               k-toolbar.bind="['pdf']"
               k-height.bind="540"
               k-filterable.bind="true"
               k-sortable.bind="true"
               k-pdf.bind="{
                fileName: 'Kendo UI TreeList Export.pdf',
                proxyURL: '//demos.telerik.com/kendo-ui/service/export'}">
    <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="250"></ak-tree-col>

adriatic

<!-- app.html  -->

adriatic

<template>
  <ak-tree-list k-data-source.bind="dataSource"
               k-toolbar.bind="['excel']"
               k-height.bind="540"
               k-filterable.bind="true"
               k-sortable.bind="true"
               k-excel.bind="{fileName: 'Kendo UI TreeList Export.xlsx',
                              proxyURL: '//demos.telerik.com/kendo-ui/service/export', 
                              filterable: true}">
    <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="250"></ak-tree-col>

adriatic

<template>
  <ak-tree-list k-data-source.bind="dataSource" k-resizable.bind="true" k-height.bind="300">
    <ak-tree-col k-field="FirstName" k-title="Name">
      <ak-template>
        ${FirstName} ${LastName}
      </ak-template>
      <ak-template for="footerTemplate">
        ${count} employee(s)
      </ak-template>
    </ak-tree-col>

adriatic

<template>
  <div id="frozen-columns-treelist">
    <ak-tree-list k-data-source.bind="dataSource"
                 k-reorderable.bind="true"
                 k-resizable.bind="true"
                 k-sortable.bind="true"
                 k-filterable.bind="true"
                 k-column-menu.bind="true">
      <ak-tree-col k-field="FirstName"
                  k-expandable.bind="true"

adriatic

<template>
  <ak-tree-list k-data-source.bind="dataSource" k-column-menu.bind="true" k-filterable.bind="true" k-sortable.bind="true">
    <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="250"></ak-tree-col>
    <ak-tree-col k-field="LastName" k-title="Last Name"></ak-tree-col>
    <ak-tree-col k-field="Position"></ak-tree-col>
    <ak-tree-col k-field="Extension" k-title="Ext" k-format="{0:#}"></ak-tree-col>
  </ak-tree-list>
</template>

adriatic

<template>
  <ak-tree-list k-data-source.bind="dataSource" k-reorderable.bind="true" k-height.bind="300">
    <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="250"></ak-tree-col>
    <ak-tree-col k-field="LastName" k-title="Last Name"></ak-tree-col>
    <ak-tree-col k-field="Position"></ak-tree-col>
    <ak-tree-col k-field="Extension" k-title="Ext" k-format="{0:#}"></ak-tree-col>
  </ak-tree-list>
</template>

adriatic

<template>
  <ak-tree-list k-data-source.bind="dataSource" k-resizable.bind="true" k-height.bind="300">
    <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="250"></ak-tree-col>
    <ak-tree-col k-field="LastName" k-title="Last Name"></ak-tree-col>
    <ak-tree-col k-field="Position"></ak-tree-col>
    <ak-tree-col k-field="Extension" k-title="Ext" k-format="{0:#}"></ak-tree-col>
  </ak-tree-list>
</template>

adriatic

<template>
    <ak-tree-list k-editable="popup"
                 k-data-source.bind="dataSource"
                 k-toolbar.bind="['create']"
                 k-height.bind="540">
      <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="280"></ak-tree-col>
      <ak-tree-col k-field="LastName" k-title="Last Name" k-width.bind="100"></ak-tree-col>
      <ak-tree-col k-field="Position"></ak-tree-col>
      <ak-tree-col k-field="Phone" k-title="Phone"></ak-tree-col>
      <ak-tree-col k-field="Extension" k-title="Ext" k-format="{0:#}"></ak-tree-col>

adriatic

<template>
    <ak-tree-list k-data-source.bind="dataSource" k-editable.bind="true" k-toolbar.bind="['create']" k-height.bind="540">
      <ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="280"></ak-tree-col>
      <ak-tree-col k-field="LastName" k-title="Last Name" k-width.bind="100"></ak-tree-col>
      <ak-tree-col k-field="Position"></ak-tree-col>
      <ak-tree-col k-field="HireDate" k-title="Hire Date" k-format="{0:MMMM d, yyyy}"></ak-tree-col>
      <ak-tree-col k-field="Phone" k-title="Phone"></ak-tree-col>
      <ak-tree-col k-field="Extension" k-title="Ext" k-format="{0:#}"></ak-tree-col>
      <ak-tree-col k-title="Edit"
                  k-command.bind="['edit', 'destroy']"