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

Row Reordering

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

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

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

When the Grid data is bound using the DataBindingDirective, all data updates related to row reordering will be handled automatically.

The following example demonstrates how to implement row reordering.

Example
View Source
Change Theme:

In this article

Not finding the help you need?