diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte
index d2dabdd7..ffbf0e96 100644
--- a/src/DataTable/DataTable.svelte
+++ b/src/DataTable/DataTable.svelte
@@ -154,9 +154,6 @@
       selectedRowIds = [];
       if (refSelectAll) refSelectAll.checked = false;
     },
-    add: (id) => {
-      headerItems.update((_) => [..._, id]);
-    },
   });
 
   let expanded = false;
diff --git a/src/DataTable/TableHeader.svelte b/src/DataTable/TableHeader.svelte
index d825f0bc..8eab24d9 100644
--- a/src/DataTable/TableHeader.svelte
+++ b/src/DataTable/TableHeader.svelte
@@ -18,9 +18,7 @@
   import ArrowUp20 from "../icons/ArrowUp20.svelte";
   import ArrowsVertical20 from "../icons/ArrowsVertical20.svelte";
 
-  const { sortHeader, tableSortable, add } = getContext("DataTable");
-
-  add(id);
+  const { sortHeader, tableSortable } = getContext("DataTable");
 
   $: active = $sortHeader.id === id;
   // TODO: translate with id