New to Kendo UI for jQuery? Download free 30-day trial

Drag & Drop

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
drag-drop.html
Sample service

Also available for:

API REFERENCE

Description

The Kendo UI Grid exposes a Drag and Drop feature that allows users to reorder rows within the same Grid or between different Grid instances. It is enabled through the reorderable.rows property. You can also use the rowReorder event the Grid exposes to handle the Drag and Drop operations and modify the data source as per your business logic.

The Kendo UI Grid also supports row reordering using the keyboard. To enable this feature set the navigatable property to true and use the following key combination:

    Ctrl + Up Arrow / Down Arrow

Support & Learning Resources