diff --git a/app/mock/api/data-assistenter.ts b/app/mock/api/data-assistenter.ts
new file mode 100644
index 0000000..8885953
--- /dev/null
+++ b/app/mock/api/data-assistenter.ts
@@ -0,0 +1,27 @@
+type Assistant = {
+  id: string;
+  name: string;
+  tlf: string;
+  school: string;
+  email: string;
+  study: string;
+  assigned: string;
+  semester: string;
+  day: string;
+};
+
+export const DataSokere: Array<Assistant> = 
+  [...Array(100).keys()].map(
+    i => ({
+    id: "1",
+    name: (i%3) ? "Ole Normann" : "Kari Normann",
+    tlf: "12345678",
+    school: "rosenborg",
+    email: "ole.normann@gmail.com",
+    study: "MTDT",
+    assigned: "Johannes",
+    semester: "vår 2024",
+    department: "NTNU",
+    bulk: "bolk 1 and bolk 2",
+    day: ["mandag", "fredag", "lørdag", "tirsdag"][i % 3],
+  }));
diff --git a/app/mock/api/data-sokere.ts b/app/mock/api/data-sokere.ts
index 5999c32..3275c86 100644
--- a/app/mock/api/data-sokere.ts
+++ b/app/mock/api/data-sokere.ts
@@ -9,8 +9,9 @@ type Soker = {
   assigned: string;
 };
 
-export const DataSokere: Array<Soker> = [
-  {
+export const DataSokere: Array<Soker> = 
+  [...Array(100).keys()].map(
+    () => ({
     id: "1",
     name: "Ole Normann",
     tlf: "12345678",
@@ -19,215 +20,4 @@ export const DataSokere: Array<Soker> = [
     study: "MTDT",
     year: "3",
     assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Dave Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Jens Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "jens.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-  {
-    id: "1",
-    name: "Ole Normann",
-    tlf: "12345678",
-    school: "NTNU",
-    email: "ole.normann@gmail.com",
-    study: "MTDT",
-    year: "3",
-    assigned: "Johannes",
-  },
-];
+  }));
diff --git a/app/routes/dashboard.assistenter._index.tsx b/app/routes/dashboard.assistenter._index.tsx
index 6b1a39f..fa1e99c 100644
--- a/app/routes/dashboard.assistenter._index.tsx
+++ b/app/routes/dashboard.assistenter._index.tsx
@@ -1,8 +1,89 @@
+import { DataTable } from "@/components/data-table";
+import { Checkbox } from "@/components/ui/checkbox";
+import type { ColumnDef } from "@tanstack/react-table";
+import { DataSokere } from "../mock/api/data-assistenter";
+
+export type Assistent = {
+  id: string;
+  name: string;
+  tlf: string;
+  school: string;
+  email: string;
+  study: string;
+  year: string;
+  assigned: string;
+  semester: string;
+  day: string;
+};
+
+export const columns: Array<ColumnDef<Assistent>> = [
+  {
+    id: "select",
+    header: ({ table }) => (
+      <Checkbox
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
+        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={(value) => row.toggleSelected(!!value)}
+        aria-label="Select row"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  },
+  {
+    accessorKey: "name",
+    header: "Navn",
+  },
+  {
+    accessorKey: "school",
+    header: "Skole",
+  },
+  {
+    accessorKey: "email",
+    header: "E-post",
+  },
+  {
+    accessorKey: "semester",
+    header: "semester",
+  },
+  {
+    accessorKey: "department",
+    header: "avdeling",
+  },
+  {
+    accessorKey: "bulk",
+    header: "bolk",
+  },
+  {
+    accessorKey: "day",
+    header: "dag",
+  }
+];
+
 // biome-ignore lint/style/noDefaultExport: Route Modules require default export https://reactrouter.com/start/framework/route-module
-export default function Assistenter() {
+export default function Sokere() {
   return (
-    <>
-      <h1>Assistenter</h1>
-    </>
+    <main className="flex h-full w-screen flex-col items-center justify-center gap-5 overflow-clip p-1 md:w-full md:p-6">
+      {/* <Tabs defaultValue="account" className="w-[400px]">
+        <TabsList>
+          <TabsTrigger value="sokere">Søkere</TabsTrigger>
+          <TabsTrigger value="tidligereAssistenter">
+            Tidligere Assistenter
+          </TabsTrigger>
+          <TabsTrigger value="intervjufordeling">Intervjufordeling</TabsTrigger>
+          <TabsTrigger value="intervjuer">Intervjuer</TabsTrigger>
+        </TabsList>
+      </Tabs> */}
+      <DataTable columns={columns} data={DataSokere} />
+    </main>
   );
 }