Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   table row drag and drop (https://javascript.ru/forum/events/74889-table-row-drag-drop.html)

arahmanov 14.08.2018 14:49

table row drag and drop
 
Добрый день , Уважаемые форумчане
Помогите пожалуйста разобраться. Стоит задача сделать таблицу с перетаскивающими элементами. Для данного задачи взял плагин
jq sortable.

Нужно чтобы перетаскивались как родители так и их дочки с дочкми я разобрался, но не как не могу понять как сделать для родителя
Спасибо.
Мое творение :
http://jsfiddle.net/v9drkuxb/2/

Nexus 14.08.2018 15:18

Так?
http://jsfiddle.net/v9drkuxb/5/

Верстка у вас, конечно, неподражаемая.

arahmanov 14.08.2018 15:52

Цитата:

Сообщение от arahmanov (Сообщение 492638)
Добрый день , Уважаемые форумчане
Помогите пожалуйста разобраться. Стоит задача сделать таблицу с перетаскивающими элементами. Для данного задачи взял плагин
jq sortable.

Нужно чтобы перетаскивались как родители так и их дочки с дочкми я разобрался, но не как не могу понять как сделать для родителя
Спасибо.
Мое творение :
http://jsfiddle.net/v9drkuxb/2/

Цитата:

Сообщение от Nexus (Сообщение 492650)
Так?
http://jsfiddle.net/v9drkuxb/5/

Верстка у вас, конечно, неподражаемая.

Спасибо, не совсем так.
Необходимо чтобы
Родитель(Синия строчка) - под номером 2 перемещалась вместе со своими дочерними элементами 2.1 2.2 .2.3 и так же для пунката 1.

Для этого я специально их вынес в отдельные tbody не могу понять как мне для них задать правило перемещения -

Nexus 14.08.2018 16:00

http://jsfiddle.net/v9drkuxb/9/

arahmanov 14.08.2018 16:23

Цитата:

Сообщение от Nexus (Сообщение 492675)

Спасибо


Часовой пояс GMT +3, время: 05:43.