diff --git a/src/components/Tracks.svelte b/src/components/Tracks.svelte
index 34014f33..91fee3ce 100644
--- a/src/components/Tracks.svelte
+++ b/src/components/Tracks.svelte
@@ -22,25 +22,7 @@
   tracks_promise.then((data) => {
     tracksstore.set(data);
   });
-  window.track__edit_cancel = () => {
-    const trackid = parseInt(window.event.target.getAttribute("data-trackid"));
-    //
-    const elem = document.querySelector(
-      `[data-id="triggered_table_actions_${trackid}"]`
-    ).parentNode.parentNode.parentNode;
-    console.log(elem.childNodes[1].childNodes[0].value);
-    //
-    elem.childNodes[0].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[0].childNodes[0].value}</td>`;
-    elem.childNodes[1].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[1].childNodes[0].value}</td>`;
-    elem.childNodes[2].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[2].childNodes[0].value}</td>`;
-    //
-    document
-      .querySelector(`[data-id="default_table_actions_${trackid}"]`)
-      .classList.remove("hidden");
-    document
-      .querySelector(`[data-id="triggered_table_actions_${trackid}"]`)
-      .classList.add("hidden");
-  };
+  window.track__edit_cancel = () => renderdatatable();
   window.track__edit_save = () => {
     const trackid = parseInt(window.event.target.getAttribute("data-trackid"));
     document
@@ -49,6 +31,24 @@
     document
       .querySelector(`[data-id="triggered_table_actions_${trackid}"]`)
       .classList.add("hidden");
+    //
+    const elem = document.querySelector(
+      `[data-id="triggered_table_actions_${trackid}"]`
+    ).parentNode.parentNode.parentNode;
+    TrackService.trackControllerPut(trackid, {
+      id: trackid,
+      name: elem.childNodes[0].childNodes[0].value,
+      distance: parseInt(elem.childNodes[1].childNodes[0].value),
+      minimumLapTime: parseInt(elem.childNodes[2].childNodes[0].value),
+    })
+      .then((r) => {
+        elem.childNodes[0].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[0].childNodes[0].value}</td>`;
+        elem.childNodes[1].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[1].childNodes[0].value}</td>`;
+        elem.childNodes[2].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[2].childNodes[0].value}</td>`;
+      })
+      .catch((err) => {
+        console.error(err);
+      });
   };
   window.track__delete_handler = () => {
     const trackid = parseInt(window.event.target.getAttribute("data-trackid"));