Перетащите несколько строк из одной таблицы в другую таблицу
Мне нужно перетащить строки таблицы, выбрав нужные строки из таблицы в другую таблицу. Сначала предоставьте возможность выбрать нужные строки из одной таблицы, а затем все выбранные строки необходимо перетащить в другую таблицу.
Я сделал образец для перетаскивания одной строки из таблицы в другую. Найдите код ниже:
HTML:
ID
ClassName
1
Class 1
1
Student 1
2
Student 2
3
Student 3
4
Student 4
5
Student 5
2
Class 2
6
Student 6
7
Student 7
8
Student 8
9
Student 9
10
Student 10
ID
ClassName
1
Class 1
1
Student 1
2
Student 2
3
Student 3
4
Student 4
5
Student 5
2
Class 2
6
Student 6
7
Student 7
8
Student 8
9
Student 9
10
Student 10
Автор сценария:
$("#table1 .childgrid tr, #table2 .childgrid tr").draggable({
helper: 'clone',
revert: 'invalid',
start: function (event, ui) {
$(this).css('opacity', '.5');
},
stop: function (event, ui) {
$(this).css('opacity', '1');
}
});
$("#table1 .childgrid, #table2 .childgrid").droppable({
drop: function (event, ui) {
$(ui.draggable).appendTo(this);
}
});
$(document).on("click", ".childgrid tr", function () {
$(this).addClass("selectedRow");
});
CSS:
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
.bitacoratable {
height: 400px;
overflow-y: auto;
width: 220px;
float:left;
}
#table1 {
margin-right: 100px;
}
.selectedRow {
background-color: #E7E7E7;
cursor: move;
}
Как это сделать для нескольких строк?
С уважением, Картик.