仍包含在数据表搜索中的JQuery Datatable附加行

Question

我的数据表存在此问题。我有2个表，表1是一个数据表，其中的数据来自服务器端，每行都有一个添加按钮，每次单击该按钮时，我都会将所选行追加到另一个表（表2）上。问题是，当我在表1上进行搜索时，它仍然包括在表2上添加的行，有时由于搜索结果，它会从表2中删除数据并将其返回到表1中。

这些是我的代码。希望任何人都能帮助我。谢谢。

var oTable = $('#table1').dataTable({
           "bProcessing": true,
           "sAjaxSource": "item_data.php",
           "aoColumns": [
              { mData: 'code',
                       "bSearchable":false
              },
              { mData: 'desc', 
                  "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                      $(nTd).html("<img src='"+oData.image+"' alt=''  class='img-thumbnail' style='width: 100px; height: 100px;' />");
                        },
                  "bSearchable" : false
              },
              { mData: 'price'},
              { mData: 'stocks'},
              { mData: 'id',
                  "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                      $(nTd).html("<a href='#' class='btnAddItem' data-id='"+oData.id+"'>"+"<i class='fa fa-plus' style='font-size: 25px'></i>"+"</a>");
                    },
               }
                ]
            }); 

$('#table1').on('click','.btnAddItem',function(e){
var row = $(this).closest("tr");
$("#table2 > tbody").append(row);       

}）;