Как вернуть удаленные строки из datatable

Я использую datatable и удаляю несколько строк нажатием кнопки теперь, я пытаюсь вернуть удаленные строки из данных, ниже приведен код, который я написал для сброса таблицы но не работает, любезно помогите в этом.Как вернуть удаленные строки из datatable

<html> 
<head>  
<script> 
$(document).ready(function() { 
    var table = $('#scmJobs').DataTable({ 
     "paging": false, 
     "bFilter": false, 
     "info":  false 
    }); 

    $('#scmJobs tbody').on('click', 'tr', function() { 
     $(this).toggleClass('selected'); 
    }); 

    $('#deleteButton').click(function() { 
     // alert(table.rows('.selected').data().length +' row(s) selected'); 
     table.rows('.selected').cache(); 
     table.rows('.selected').remove().draw(false); 
    }); 

     $('#resetButton').click(function() { 
     $.fn.dataTable.ext.search.pop(); 
    table.draw(); 
    }); 

}); 

</script> 
</head> 
<body> 

        <input type="button" id="deleteButton" value="Delete"/> 
        <input type="button" id="resetButton" value="Reset"/> 
         <table id="scmJobs" border="0" cellspacing="0" cellpadding="0" 
        class="grid" width="100%"> 
         <thead> 
          <tr style="background-color: silver;" > 
           <th style="text-align:left;" width="183px" >Attribute</th> 
           <th width="76px">DQ</th>  
           <th width="76px">QTY</th>  
           <th width="77px"> DQ</th>  
           <th width="77px">QTY </th> 
           <th width="77px">DQ</th>  
           <th width="77px">QTY</th> 
           <th width="77px">DQ</th> 
           <th width="77px">QTY</th> 
           <th width="77px">DQ</th> 
           <th width="77px">QTY</th> 
           <th width="74px">DQ</th> 
           <th width="74px" >QTY </th>  


          </tr> 
         </thead> 
         <tbody> 
          <tr data-user="End of new attach date"> 
           <td style="text-align:left;">End of new attach date</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 

          </tr> 
          <tr data-user="Contract bill-to"> 
           <td style="text-align:left;">Contract bill-to</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.9999072</td> 
           <td style="text-align:right;">89139</td> 
          </tr> 
          <tr> 
           <td style="text-align:left;">Configuration</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 

          </tr> 

         </tbody> 
         </table> 

</body> 
</html>

источник

2017-02-17 Vinod Vishwakarma

From DataTables row().remove() API: «Этот метод (. И его аналог множественного числа, строки() удалить()) удалит выбранную строку из DataTable полностью, удаление выделенной памяти для данных и узла из браузера»

Решение A) Обновите страницу при перезагрузке и убедитесь, что сервер обслуживает оригинальную версию.

Решение B) Создайте массив корзины или скрытую таблицу и переместите там строки вместо remove(). Затем на $('#resetButton').click() переместите их или добавьте обратно. Обязательно очистите корзину после щелчка по сбросу.

источник

2017-02-17 04:51:48

Как вернуть удаленные строки из datatable

ответ

Смежные вопросы