Connecting Multiple Lists
Swipe to show menu
To create advanced drag-and-drop experiences like kanban boards or task managers, you often need to allow users to move items between multiple lists. SortableJS provides a powerful feature for this scenario: the 'group' option. By using the group setting when initializing SortableJS on each list, you can connect them and enable cross-list dragging. When two or more lists share the same group value, items can be dragged from one list and dropped into another. This approach makes it easy to organize workflows, sort tasks, or manage collections across different categories or columns.
index.html
style.css
Everything was clear?
Thanks for your feedback!
Sectionย 3. Chapterย 1
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Sectionย 3. Chapterย 1