Добавленные строки 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);       

});