Angular TreeList Row Reordering

Updated on May 27, 2026

The row reordering feature of the Angular TreeList enables you to rearrange rows by dragging them with the mouse. By default, row reordering is disabled.

Using a Specified Handle

To enable row reordering in the TreeList:

1. Set the rowReorderable property of the TreeList to true.
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 drag and drop a row by using the FlatBindingDirective.

Change Theme

Theme

Loading ...

Known Limitations

• Row reordering does not work with sorting as both functionalities are mutually exclusive.

Suggested Links

• RowReorderColumnComponent
• API Reference of the TreeListComponent
• API Index of the TreeList