DataTable Drag＆amp;删除列

Question

我使用akottr dragtable作为jQuery插件来拖放DataTables表 对于表中的第一个结果，这非常有效且快速 但是当我开始导航到第一页之后的第二页或任何其他页面时 只有列标题已更改为拖放操作 单元格值保持与以前相同的顺序 如何使拖放结果适用于所有页面？

第1页的当前图片：

导航到第2页后：

这是我用来初始化拖放功能的JS代码：

<script type="text/javascript">
$(document).ready(function() {
    $('#myTable').DataTable( {
        "fnInitComplete": function (oSettings) {
             var oTable = this;

             oTable.dragtable({
                        dragHandle:'.dragtable-handle',
                        maxMovingRows:1,
                        excludeFooter:true,
                        persistState: function(table) {
                            $('#myTable').DataTable().state.save();
                        }
            });
        }
    });
});
</script>

这是我的html表：

<table class="display">
<thead>
<tr>
    <th><div class="dragtable-handle">Action</div></th>
    <th><div class="dragtable-handle">Date</div></th>
</tr>
</thead>
<tbody>
<tr>
    <td>An Action</td>
    <td>2016-05-20</td>
</tr>
<tr>
    <td>An Action</td>
    <td>2016-05-14</td>
</tr>
<tr>
    <td>An Action</td>
    <td>2016-05-10</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
</tr>
</tfoot>
</table>