Edit this page

autoScroll Boolean(default: false)

If set to true the widget will auto-scroll the containing element when the mouse/finger is close to the top/bottom of it.

If the scroll container is different than the TreeView container, set overflow: hidden on the TreeView container.

Example - use autoScroll in a scrollable container

<div style="height:100px; overflow: auto">
  <div id="treeview"></div>
</div>

<script>
  var dataSource = new kendo.data.HierarchicalDataSource({
    data: [
      { text: "Apple" },
      { text: "Banana" },
      { text: "Orange" },
      { text: "Tomato" },
      { text: "Melon" },
      { text: "Ananas" },
      { text: "Cucumber" }
    ]
  });

  var treeView = $("#treeview").kendoTreeView({
    autoScroll: true,
    dragAndDrop: true,
    dataSource: dataSource
  });
</script>

<style>
  .k-widget.k-treeview {
    overflow: hidden;
  }
</style>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy