в Knockout Добавление данных массива давая повторяющиеся строки

Question

Добавление новой строки к нокаута наблюдаемом массив, который сортируется с помощью Jquery TableSorter добавляет строки в два раза, что приводит к дублирования уже существующего rows.PFB мой код:

<tbody data-bind="foreach: jarFiles"> //jarFiles:KnockoutArray   
       <td><span data-bind="text: fileName"></span></td> 
       <td><span data-bind="text: name"></span></td> 
       <td>...</tbody> 

сортировка применяется по щелчку на первых двух строках:

$("#fileName").click(function() {              
    $("#display").tablesorter(); 
}//Invokes tablesorter on click function for fileName column 

После сортировки я пытаюсь обновить массив, который находится в табличном формате, он возвращает дубликаты:

 that._replace = function(newList) {//newList=oldList+newelement    
        that.jarFiles.removeAll() 
        var i=newList.length; 
        _.each(newList, function(jar){ 
         that.jarFiles.push(jar); 
        }); 

Страница загружается с использованием ajax.

Answer 1

that._replace = function(newList) { 
    that.jarFiles.removeAll(); 
    $(".display").find('tbody').empty(); // To clear table body 
    _.each(newList, function(jar){ 
     that.jarFiles.push(jar); 
    }); 
    $(".display").trigger("update"); // To update the tablesorter 
};