New to Kendo UI for Angular? Start a free 30-day trial

Row Reordering

The TreeList enables you to reorder its rows by dragging a specified hint element.

To enable the row reordering feature of the TreeList, follow the steps below:

  1. Set the rowReorderable property of the TreeList to true. By default row reordering is disabled.
  2. Define a RowReorderColumn by using the <kendo-treelist-rowreorder-column> tag. It will hold the dedicated drag handle for row reordering.

When the TreeList data is bound using the FlatBindingDirective or the HierarchyBindingDirective, all data updates related to row reordering will be handled automatically.

The following example demonstrates how to implement row reordering using the FlatBindingDirective.

Example
View Source
Change Theme:

In this article

Not finding the help you need?