diff --git a/app/assets/javascripts/samples/sample_datatable.js.erb b/app/assets/javascripts/samples/sample_datatable.js.erb
index ba911e63e..d84e41d91 100644
--- a/app/assets/javascripts/samples/sample_datatable.js.erb
+++ b/app/assets/javascripts/samples/sample_datatable.js.erb
@@ -1200,6 +1200,11 @@ function changeToEditMode() {
 
       form
       .on('ajax:success', function() {
+        // Preserve save/delete buttons as we need them after new table
+        // will be created
+        $('div.toolbarButtons').appendTo('div.samples-table');
+        $('div.toolbarButtons').hide();
+
         // Destroy datatable
         table.destroy();
 
@@ -1221,11 +1226,6 @@ function changeToEditMode() {
         $('#samples thead').empty();
         $('#samples thead').append(originalHeader);
 
-        // Preserve save/delete buttons as we need them after new table
-        // will be created
-        $('div.toolbarButtons').appendTo('div.samples-table');
-        $('div.toolbarButtons').hide();
-
         // Re-initialize datatable
         table = dataTableInit();
         loadColumnsNames();