如何在两个数据表之间拖放一行？答案

【问题标题】：How to drag and drop a row between two dataTables?如何在两个数据表之间拖放一行？
【发布时间】：2015-11-20 14:50:15
【问题描述】：

第一个表：

$('#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 表中。

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

注意 1：我已经能够通过点击实现此目的，并且需要一些帮助来进行拖放操作。

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

【问题讨论】：

标签： jquery jquery-ui drag-and-drop datatables

【解决方案1】：

我也在努力让它发挥作用。您可以查看以下 Gist。它描述了 DataTables 之间的拖放。

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

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

加法：