New to Kendo UI for Vue? Start a free 30-day trial
Implementing Root-Level Row Reordering in Kendo UI for Vue TreeList
Updated on Mar 31, 2026
Environment
| Product | Kendo UI for Vue TreeList |
| Version | Current |
Description
The Kendo UI for Vue TreeList currently does not support built-in functionality for root-level row reordering. However, similar to the "row reorder" feature in the Grid component, you can achieve this functionality for the TreeList by implementing a custom solution. This approach allows you to reorder only the root-level items while leaving child items unaffected.
This knowledge base article also answers the following questions:
- How to reorder root-level rows in Kendo UI for Vue TreeList?
- Is it possible to enable drag-and-drop sorting in Vue TreeList?
- Can I reorder rows in Vue TreeList like the Grid component?
Solution
To implement root-level row reordering in the Kendo UI for Vue TreeList, follow these steps:
- Add a drag-and-drop mechanism to the TreeList to reorder root-level rows.
- Update the underlying data source to reflect the new order.
Here is an example of how to achieve this:
Change Theme
Theme
Loading ...