i18n compatible datatable

src/components/DataTable.svelte

@@ -1,11 +1,13 @@
 <script>
+  import { _, t } from "svelte-i18n";
+  import { getlang } from "./datatable_i18n";
   import { Grid } from "gridjs";
   import "gridjs/dist/theme/mermaid.css";
-  import { nanoid } from "nanoid";
   //
-  const uniq = nanoid();
+  let table;
   const datatable = new Grid({
     columns: ["Name", "Email", "Phone Number"],
+    language: getlang($_("datatable")),
     sort: true,
     search: { enabled: true },
     data: [
@@ -22,8 +24,8 @@
     },
   });
   setTimeout(() => {
-    datatable.render(document.getElementById("wrapper" + uniq));
+    datatable.render(table);
   }, 0);
 </script>
 
-<div id="wrapper{uniq}" />
+<div bind:this={table} />