javascript - データテーブルで行が消えますか?

Question

ですから、まず私がエミュレートしようとしていることを説明しましょう。ホームページから、最近のテーブル エントリを含むメイン テーブルがあります。ユーザーには、メイン テーブルからテーブル行をドラッグ アンド ドロップできる一連の「お気に入り」フォルダが与えられます。表示されている行全体をドラッグするのではなく (私の行はかなり幅が広く、どのフォルダーにドロップされるかわかりにくい)、「情報」アイコンがあり、この場合は上向きの矢印です。ユーザーはアイコンをドラッグしてフォルダーにドロップできます。この時点でアイコンをメイン テーブルから削除し、お気に入りのフォルダー内のテーブルに追加する必要があります。これまでのところ、これのほとんどは次のフィドルで発生しています (ただし、行はメイン テーブルから削除されません)。この問題は、Datatables を使用すると明らかになり始めます。行をお気に入りフォルダに追加したら、明らかにそこにあり、ページネーションで次と前をクリックするまで。消えます。また、Datatables の左下の情報が更新されていないため、実際にはテーブルの一部に見えません。(ユーザーがドラッグした行から) 合計 4 つのエントリがある場合、3 つのエントリのうち 1 から 2 を表示しています。行を Datatables に追加することを理解しています。fnAddData が必要ですが、このインスタンスでの使用方法がわかりません。アイデアはありますか? 少し早いですがお礼を。フィドル:http://jsfiddle.net/YK5fg/4/

$( ".drag" ).draggable({ revert: "invalid" });

              $( ".dropTarget" ).droppable({
                drop: function( event, ui ) {
                  // fade out dropped icon      
                  ui.draggable.hide();
                  var dropped = parseInt($(this).attr('title')) + 1;
                  $( this )
                  .attr('title',dropped+' entries'); 

                  var delay =  $(this);
                      delay.prop('disabled', true).addClass('ui-state-highlight')
                      setTimeout(function() {
                          delay.prop('disabled', false).removeClass('ui-state-highlight');
                      }, 2000)

                      var rowId = ui.draggable.prop("id");
                      var cloned = $(".basic").find("tr#"+rowId).clone();
                      $(".fav1table").append(cloned);
                }
              });