Question

第一张表：

$('#source').dataTable({
    "aaData": src,
    "sPaginationType": "full_numbers",
    "bFilter": true,
    "bProcessing": true,
    "bRedraw": true,
    "bDestroy": true,
    "bInfo": false,
    "bLengthChange": true,
    "lengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
    "aoColumns": [
    {"mData": "Title"},
    {"mData": "ID"},
    {"mData": "Language"}
    ],
    });

第二张表最初是空的：

$('#destination').dataTable({
    "aaData": dest,
    "sPaginationType": "full_numbers",
    "bFilter": true,
    "bProcessing": true,
    "bRedraw": true,
    "bDestroy": true,
    "bInfo": false,
    "bLengthChange": true,
    "lengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
    "aoColumns": [
    {"mData": "Title"},
    {"mData": "ID"},
    {"mData": "Language"}
    ],
    });

现在我想从第一个表到第二个表 DRAG和DROP 多行（“选择”类）。

在拖放时，应该从#source表中删除“selected”类的行，并将其添加到#destination表中。

如果drop不在#destination中，则行/行应保留在#source表中。

注意1 ：我已经能够通过点击实现这一目标，并且需要一些帮助才能拖放。

注意2 ：不应影响两个表的排序功能。

Answer 1

我也试图让这个工作。您可以查看以下要点。它描述了DataTables之间的拖放。

https://gist.github.com/davemo/706167

（@ mod yes，我知道 - 这不是一个“好”的答案，但我到目前为止所有：P）

增加：

这也可能有用

Dragging a row from one jquery Datatable and dropping it into another Datatable

解决方案：

Woohoo：D

我终于遇到了这个论坛帖子（请完整阅读）

https://datatables.net/forums/discussion/30197/add-remove-table-rows-on-drag-and-drop-between-two-datatables

如何在两个dataTable之间拖放一行？

1 个答案: