Перетащите строки таблицы в jQuery

Question

Используя jQuery (и пользовательский интерфейс), я хочу иметь возможность перетаскивать строки таблицы из таблицы и помещать их в какой-либо элемент. Сами строки не должны покидать таблицу, подобно тому, как работает iTunes при перетаскивании нескольких выбранных песен. Мне нужно использовать таблицу, так как это табличные данные, и у меня уже есть плагин сортировки таблиц.

Есть идеи, как этого добиться?

Answer 1

Интерфейс droppable () пользовательского интерфейса JQuery позволяет определить функцию, которая будет запускаться всякий раз, когда приемлемая функция draggable () помещается в эту функцию droppable (). Демо на этой странице помогло мне понять, как ее кодировать. Посмотрите на их код, нажав «Просмотр исходного кода». Особенно эта часть:

$gallery.droppable({
  accept: '#trash li',
  activeClass: 'custom-state-active',
  drop: function(ev, ui) {
    recycleImage(ui.draggable);
  }
});

Вы должны иметь возможность создать функцию удаления, например, для клонирования нужной вам строки, но не удалять ее из исходного местоположения.

Answer 2

Просто попробуйте этот плагин, написанный на простом Javascript, способный перетаскивать и сортировать строки и столбцы. https://sindu12jun.github.io/table-dragger/