Kendo UI for jQuery

jQuery Sortable

  • Use the jQuery Sortable to give your users and interactive way to sort lists of items or drag items because two lists.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Sortable
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery Sortable component helps you to rearrange items in a list, drag items between two lists, or create drag-and-drop style panels. Simple lists that can be re-ordered with drag and drop are now trivial to create. You can disable certain items, define which items can and can’t be dropped and customize the placeholder. Drag and drop panels allow you to create very rich interfaces, such as customizable dashboards. Can be integrated with Grid, ListView, TabStrip, etc

    See the jQuery Sortable demo

    jquery-sortable-overview
  • Filter/Disable Items

    Using the Filter and Disable items features, you can restrict users from dragging and/or dropping specific items using the jQuery Sortable component. Disabled items cannot be dragged but are valid drop targets. Filtered items cannot be dragged and are not valid drop zones.

    See the jQuery Sortable Filter / Disable Items demo

  • Axis/Container Constraints

    Enjoy complete control over what your users can do inside your jQuery Sortable component by restricting drag operations to one axis or inside the borders of a specific container.

    See the jQuery Sortable Axis / Container Constraints demo