diff --git a/next-tavla/app/(admin)/actions.ts b/next-tavla/app/(admin)/actions.ts
index adb003174..4ee376f15 100644
--- a/next-tavla/app/(admin)/actions.ts
+++ b/next-tavla/app/(admin)/actions.ts
@@ -75,7 +75,7 @@ export async function getBoardsForOrganization(oid: TOrganizationID) {
         .flat()
 }
 
-export async function getBoardsForUser() {
+export async function getPrivateBoardsForUser() {
     const user = await getUser()
     if (!user)
         throw new TavlaError({
@@ -104,3 +104,32 @@ export async function getBoardsForUser() {
         )
         .flat()
 }
+
+export async function getAllBoardsForUser() {
+    const user = await getUser()
+    if (!user) return redirect('/')
+
+    const privateBoardIDs = concat(user.owner ?? [], user.editor ?? [])
+
+    const organizations = await getOrganizationsForUser()
+    const organizationBoardIDs = organizations.map((o) => o.boards)
+
+    const boardIDs = concat(privateBoardIDs, organizationBoardIDs.flat())
+
+    const batchedBoardIDs = chunk(boardIDs, 20)
+
+    const boardQueries = batchedBoardIDs.map((batch) =>
+        firestore()
+            .collection('boards')
+            .where(firestore.FieldPath.documentId(), 'in', batch)
+            .get(),
+    )
+
+    const boardRefs = await Promise.all(boardQueries)
+
+    return boardRefs
+        .map((ref) =>
+            ref.docs.map((doc) => ({ id: doc.id, ...doc.data() } as TBoard)),
+        )
+        .flat()
+}
diff --git a/next-tavla/app/(admin)/boards/[[...id]]/page.tsx b/next-tavla/app/(admin)/boards/[[...id]]/page.tsx
index 113f083a4..56959ca81 100644
--- a/next-tavla/app/(admin)/boards/[[...id]]/page.tsx
+++ b/next-tavla/app/(admin)/boards/[[...id]]/page.tsx
@@ -1,80 +1,59 @@
 import { permanentRedirect } from 'next/navigation'
-import { SelectOrganization } from '../components/SelectOrganization'
 import { Search } from '../components/Search'
 import { FilterButton } from '../components/FilterButton'
-import { ToggleBoardsColumns } from '../components/ToggleBoardsColumns'
 import { BoardTable } from '../components/BoardTable'
 import { Metadata } from 'next'
 import React from 'react'
 import {
-    getBoardsForOrganization,
-    getBoardsForUser,
-    getOrganizationIfUserHasAccess,
+    getAllBoardsForUser,
     getOrganizationsForUser,
 } from 'app/(admin)/actions'
 import { initializeAdminApp } from 'app/(admin)/utils/firebase'
 import { getUserFromSessionCookie } from 'app/(admin)/utils/server'
+import { Heading1 } from '@entur/typography'
+import { TBoard, TBoardWithOrganization } from 'types/settings'
 
 initializeAdminApp()
 
-type TProps = {
-    params: { id: string[] }
+export const metadata: Metadata = {
+    title: `Tavler | Entur Tavla`,
 }
 
-export async function generateMetadata({ params }: TProps): Promise<Metadata> {
-    const { id } = params
-
-    const organization = id
-        ? await getOrganizationIfUserHasAccess(id[0] ?? '')
-        : { name: 'Mine' }
-
-    return {
-        title: `${organization?.name} tavler | Entur Tavla`,
-    }
-}
-
-async function OrganizationsBoardsPage({ params }: TProps) {
-    const { id } = params
+async function OrganizationsBoardsPage() {
     const user = await getUserFromSessionCookie()
     if (!user) permanentRedirect('/')
-    const organizations = await getOrganizationsForUser()
-    const activeOrganization = await getOrganizationIfUserHasAccess(
-        (id ?? '')[0],
-    )
-
-    const hasAccess =
-        activeOrganization &&
-        (activeOrganization.owners?.includes(user.uid) ||
-            activeOrganization.editors?.includes(user.uid))
 
-    if (id && !hasAccess) {
-        return <div>Du har ikke tilgang til denne organisasjonen</div>
-    }
+    const boards = await getAllBoardsForUser()
 
-    const boards = id
-        ? await getBoardsForOrganization(id[0] ?? '')
-        : await getBoardsForUser()
+    const boardsWithOrganization = await getBoardsWithOrganization(boards)
 
     return (
-        <div className="flex flex-col md:flex-row gap-3 justify-center">
-            <SelectOrganization
-                organizations={organizations}
-                active={activeOrganization}
-            />
-            <div className="flex flex-col mt-4 md:mt-8 gap-3 grow">
-                <div className="flex flex-col sm:flex-row md:items-center gap-3">
-                    <Search />
-                    <div className="flex flex-col md:flex-row gap-3">
-                        <FilterButton boards={boards} />
-                        <ToggleBoardsColumns />
-                    </div>
-                </div>
-                <div className="overflow-x-auto">
-                    <BoardTable boards={boards} />
-                </div>
+        <div className="flex flex-col gap-8">
+            <Heading1>Tavler</Heading1>
+            <div className="flex flex-col sm:flex-row md:items-center gap-3">
+                <Search />
+                <FilterButton boards={boards} />
             </div>
+            <BoardTable boardsWithOrgs={boardsWithOrganization} />
         </div>
     )
 }
 
 export default OrganizationsBoardsPage
+
+async function getBoardsWithOrganization(boards: TBoard[]) {
+    const organizations = await getOrganizationsForUser()
+
+    const boardsWithOrganization = boards.map((board: TBoard) => {
+        const org = organizations.find((org) =>
+            org.boards?.includes(board.id ?? ''),
+        )
+
+        return {
+            board: { ...board },
+            organization: { ...org },
+        } as TBoardWithOrganization
+    })
+
+    return boardsWithOrganization
+}
diff --git a/next-tavla/app/(admin)/boards/components/BoardTable/index.tsx b/next-tavla/app/(admin)/boards/components/BoardTable/index.tsx
index 918bb4db9..bb74d7590 100644
--- a/next-tavla/app/(admin)/boards/components/BoardTable/index.tsx
+++ b/next-tavla/app/(admin)/boards/components/BoardTable/index.tsx
@@ -1,17 +1,20 @@
 'use client'
-import { TableHeader } from 'app/(admin)/boards/components/TableHeader'
 import { TableRows } from 'app/(admin)/boards/components/TableRows'
-import { TBoard } from 'types/settings'
+import { TBoardWithOrganization } from 'types/settings'
 import { isEmpty } from 'lodash'
-import { useSearchParam } from '../../hooks/useSearchParam'
 import { IllustratedInfo } from 'app/(admin)/components/IllustratedInfo'
-import { DEFAULT_BOARD_COLUMNS, TBoardsColumn } from 'app/(admin)/utils/types'
+import { Table, useSortableData } from '@entur/table'
+import { TableHeader } from '../TableHeader'
 
-function BoardTable({ boards }: { boards: TBoard[] }) {
-    const value = useSearchParam('columns')
-    const columns = value?.split(',') ?? DEFAULT_BOARD_COLUMNS
+function BoardTable({
+    boardsWithOrgs,
+}: {
+    boardsWithOrgs: TBoardWithOrganization[]
+}) {
+    const { sortedData, getSortableHeaderProps, getSortableTableProps } =
+        useSortableData(boardsWithOrgs)
 
-    if (isEmpty(boards))
+    if (isEmpty(boardsWithOrgs))
         return (
             <IllustratedInfo
                 title="Her var det tomt"
@@ -20,15 +23,10 @@ function BoardTable({ boards }: { boards: TBoard[] }) {
         )
 
     return (
-        <div
-            className="grid items-center"
-            style={{
-                gridTemplateColumns: `repeat(${columns.length},auto)`,
-            }}
-        >
-            <TableHeader columns={columns as TBoardsColumn[]} />
-            <TableRows boards={boards} />
-        </div>
+        <Table {...getSortableTableProps}>
+            <TableHeader getSortableHeaderProps={getSortableHeaderProps} />
+            <TableRows boardsWithOrgs={sortedData} />
+        </Table>
     )
 }
 export { BoardTable }
diff --git a/next-tavla/app/(admin)/boards/components/Column/Column.tsx b/next-tavla/app/(admin)/boards/components/Column/Column.tsx
index 5670e2bbf..08ea79c68 100644
--- a/next-tavla/app/(admin)/boards/components/Column/Column.tsx
+++ b/next-tavla/app/(admin)/boards/components/Column/Column.tsx
@@ -8,7 +8,7 @@ function Column({
     children: React.ReactNode
 }) {
     return (
-        <div id={column} className="min-h-9 flex flex-row items-center">
+        <div id={column} className="pl-2 flex flex-row items-center">
             {children}
         </div>
     )
diff --git a/next-tavla/app/(admin)/boards/components/Column/Link.tsx b/next-tavla/app/(admin)/boards/components/Column/Link.tsx
deleted file mode 100644
index c7b7f2439..000000000
--- a/next-tavla/app/(admin)/boards/components/Column/Link.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-'use client'
-import { useLink } from '../../../../../src/Shared/hooks/useLink'
-import { Column } from './Column'
-
-function Link({ bid }: { bid?: string }) {
-    const link = useLink(bid)
-    if (!link) return <div />
-
-    return <Column column="url">{link}</Column>
-}
-export { Link }
diff --git a/next-tavla/app/(admin)/boards/components/Column/Name.tsx b/next-tavla/app/(admin)/boards/components/Column/Name.tsx
index fc385ff9c..0bf6a3bfc 100644
--- a/next-tavla/app/(admin)/boards/components/Column/Name.tsx
+++ b/next-tavla/app/(admin)/boards/components/Column/Name.tsx
@@ -1,8 +1,16 @@
 import { DEFAULT_BOARD_NAME } from 'app/(admin)/utils/constants'
 import { Column } from './Column'
+import { TBoard } from 'types/settings'
+import Link from 'next/link'
 
-function Name({ name = DEFAULT_BOARD_NAME }: { name?: string }) {
-    return <Column column="name">{name}</Column>
+function Name({ board }: { board: TBoard }) {
+    return (
+        <Column column="name">
+            <Link href={`/edit/${board.id}`} className="hover:underline">
+                {board.meta?.title ?? DEFAULT_BOARD_NAME}
+            </Link>
+        </Column>
+    )
 }
 
 export { Name }
diff --git a/next-tavla/app/(admin)/boards/components/Column/Organization.tsx b/next-tavla/app/(admin)/boards/components/Column/Organization.tsx
new file mode 100644
index 000000000..1e8245518
--- /dev/null
+++ b/next-tavla/app/(admin)/boards/components/Column/Organization.tsx
@@ -0,0 +1,24 @@
+import Link from 'next/link'
+import { Column } from './Column'
+import { TOrganization } from 'types/settings'
+
+function Organization({ organization }: { organization: TOrganization }) {
+    const orgName = organization.name ?? 'Privat'
+
+    return (
+        <Column column="organization">
+            {organization.id ? (
+                <Link
+                    href={`/organizations/${organization.id}`}
+                    className="hover:underline"
+                >
+                    {orgName}
+                </Link>
+            ) : (
+                <p>{orgName}</p>
+            )}
+        </Column>
+    )
+}
+
+export { Organization }
diff --git a/next-tavla/app/(admin)/boards/components/Column/index.tsx b/next-tavla/app/(admin)/boards/components/Column/index.tsx
deleted file mode 100644
index 100f61a13..000000000
--- a/next-tavla/app/(admin)/boards/components/Column/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TBoard } from 'types/settings'
-import { Actions } from './Actions'
-import { LastModified } from './LastModified'
-import { Name } from './Name'
-import { Tags } from './Tags'
-import { Link } from './Link'
-import { TTag } from 'types/meta'
-import { TBoardsColumn } from 'app/(admin)/utils/types'
-
-function Column({
-    board,
-    column,
-    tags,
-}: {
-    board: TBoard
-    column: TBoardsColumn
-    tags: TTag[]
-}) {
-    switch (column) {
-        case 'name':
-            return <Name name={board.meta?.title} />
-        case 'url':
-            return <Link bid={board.id} />
-        case 'actions':
-            return <Actions board={board} />
-        case 'lastModified':
-            return <LastModified timestamp={board.meta?.dateModified} />
-        case 'tags':
-            return <Tags board={board} allTags={tags} />
-        default:
-            return <div>Ukjent kolonne</div>
-    }
-}
-
-export { Column }
diff --git a/next-tavla/app/(admin)/boards/components/Search/index.tsx b/next-tavla/app/(admin)/boards/components/Search/index.tsx
index aefb45cb6..b77d89d99 100644
--- a/next-tavla/app/(admin)/boards/components/Search/index.tsx
+++ b/next-tavla/app/(admin)/boards/components/Search/index.tsx
@@ -7,7 +7,6 @@ function Search() {
     const [value, replace] = useSearchParamReplacer('search')
     return (
         <TextField
-            className="w-full md:w-1/2"
             label="Søk på navn på tavle"
             prepend={<SearchIcon inline aria-hidden="true" />}
             defaultValue={value}
diff --git a/next-tavla/app/(admin)/boards/components/SelectOrganization/index.tsx b/next-tavla/app/(admin)/boards/components/SelectOrganization/index.tsx
deleted file mode 100644
index b73cbebc5..000000000
--- a/next-tavla/app/(admin)/boards/components/SelectOrganization/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-'use client'
-import { TOrganization } from 'types/settings'
-import { SideNavigation, SideNavigationItem } from '@entur/menu'
-import { Heading1 } from '@entur/typography'
-
-function SelectOrganization({
-    organizations,
-    active,
-}: {
-    organizations: TOrganization[] | null
-    active?: TOrganization
-}) {
-    return (
-        <SideNavigation className="flex flex-col w-full md:w-1/5 g-6 bg-primary">
-            <Heading1 className="text-[32px]">Tavler</Heading1>
-            <div>
-                <SideNavigationItem href="/boards" active={!active?.id}>
-                    Mine tavler
-                </SideNavigationItem>
-                {organizations?.map((organization) => (
-                    <SideNavigationItem
-                        key={organization.id}
-                        href={'/boards/' + organization.id}
-                        active={active?.id === organization.id}
-                    >
-                        {organization.name}
-                    </SideNavigationItem>
-                ))}
-            </div>
-        </SideNavigation>
-    )
-}
-export { SelectOrganization }
diff --git a/next-tavla/app/(admin)/boards/components/Sort/index.tsx b/next-tavla/app/(admin)/boards/components/Sort/index.tsx
deleted file mode 100644
index 3c7475d4c..000000000
--- a/next-tavla/app/(admin)/boards/components/Sort/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { useCallback } from 'react'
-import { IconButton } from '@entur/button'
-import { SortableColumns, TBoardsColumn, TSort } from 'app/(admin)/utils/types'
-import { DownArrowIcon, UnsortedIcon, UpArrowIcon } from '@entur/icons'
-import { includes } from 'lodash'
-import { getAriaLabel } from './utils'
-import { useSearchParamReplacer } from '../../hooks/useSearchParamReplacer'
-
-function Sort({ column }: { column: TBoardsColumn }) {
-    const [value, replace] = useSearchParamReplacer('sort')
-    const sortParams = value?.split(':')
-
-    const setSort = useCallback(
-        (sort: TSort) => {
-            if (sort === 'none') return replace(undefined)
-            const newSort = `${column}:${sort}`
-            replace(newSort)
-        },
-        [column, replace],
-    )
-
-    const sort = {
-        column: sortParams?.[0] as TBoardsColumn,
-        type: sortParams?.[1] as TSort,
-    }
-
-    const cycleSort = useCallback(() => {
-        if (sort.column !== column) return setSort('ascending')
-
-        switch (sort.type) {
-            case 'ascending':
-                return setSort('descending')
-            case 'descending':
-                return setSort('none')
-            default:
-                return setSort('ascending')
-        }
-    }, [setSort, column, sort.column, sort.type])
-
-    if (!includes(SortableColumns, column)) return null
-
-    return (
-        <IconButton onClick={cycleSort} aria-label={getAriaLabel(sort.type)}>
-            <Icon active={sort.column === column} sort={sort.type} />
-        </IconButton>
-    )
-}
-
-function Icon({ active, sort }: { active: boolean; sort: TSort }) {
-    if (!active) return <UnsortedIcon />
-
-    switch (sort) {
-        case 'ascending':
-            return <UpArrowIcon />
-        case 'descending':
-            return <DownArrowIcon />
-        default:
-            return <UnsortedIcon />
-    }
-}
-
-export { Sort }
diff --git a/next-tavla/app/(admin)/boards/components/Sort/utils.ts b/next-tavla/app/(admin)/boards/components/Sort/utils.ts
deleted file mode 100644
index 73c60a8b5..000000000
--- a/next-tavla/app/(admin)/boards/components/Sort/utils.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { TSort } from 'app/(admin)/utils/types'
-
-export function getAriaLabel(sort: TSort) {
-    switch (sort) {
-        case 'ascending':
-            return 'Sortert stigende'
-        case 'descending':
-            return 'Sortert synkende'
-        default:
-            return 'Ikke sortert'
-    }
-}
diff --git a/next-tavla/app/(admin)/boards/components/TableHeader/ColumnHeader.tsx b/next-tavla/app/(admin)/boards/components/TableHeader/ColumnHeader.tsx
deleted file mode 100644
index 7789b321d..000000000
--- a/next-tavla/app/(admin)/boards/components/TableHeader/ColumnHeader.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { BoardsColumns, TBoardsColumn, TSort } from 'app/(admin)/utils/types'
-import { Sort } from '../Sort'
-import { useSearchParam } from '../../hooks/useSearchParam'
-
-function ColumnHeader({ column }: { column: TBoardsColumn }) {
-    const sortParams = useSearchParam('sort')?.split(':')
-    const sort = {
-        column: sortParams?.[0] as TBoardsColumn,
-        type: sortParams?.[1] as TSort,
-    }
-
-    return (
-        <div
-            key={column}
-            className="flex items-center gap-1 border-b-2 border-b-primary mb-2"
-        >
-            <div
-                id={BoardsColumns[column]}
-                className="flex h-12 items-center font-medium py-0 px-0.5"
-                aria-sort={
-                    sort.column === column && sort.type ? sort.type : 'none'
-                }
-            >
-                {BoardsColumns[column]}
-            </div>
-            <Sort column={column} />
-        </div>
-    )
-}
-
-export { ColumnHeader }
diff --git a/next-tavla/app/(admin)/boards/components/TableHeader/index.tsx b/next-tavla/app/(admin)/boards/components/TableHeader/index.tsx
index fe4f11b28..d9c7f4490 100644
--- a/next-tavla/app/(admin)/boards/components/TableHeader/index.tsx
+++ b/next-tavla/app/(admin)/boards/components/TableHeader/index.tsx
@@ -1,13 +1,48 @@
-import { TBoardsColumn } from 'app/(admin)/utils/types'
-import { ColumnHeader } from './ColumnHeader'
+import {
+    BoardsColumns,
+    DEFAULT_BOARD_COLUMNS,
+    SortableColumns,
+    SortableDataKeys,
+    TBoardsColumn,
+} from 'app/(admin)/utils/types'
+import {
+    HeaderCell,
+    SortableHeaderProps,
+    SortableHeaderReturnProps,
+    TableHead,
+    TableRow,
+} from '@entur/table'
+
+function TableHeader({
+    getSortableHeaderProps,
+}: {
+    getSortableHeaderProps: (
+        args: SortableHeaderProps,
+    ) => SortableHeaderReturnProps
+}) {
+    const isSortable = (col: string): col is SortableColumns => {
+        return col in SortableDataKeys
+    }
 
-function TableHeader({ columns }: { columns: TBoardsColumn[] }) {
     return (
-        <>
-            {columns.map((column: TBoardsColumn) => (
-                <ColumnHeader key={column} column={column} />
-            ))}
-        </>
+        <TableHead>
+            <TableRow className="h-10">
+                {DEFAULT_BOARD_COLUMNS.map((column: TBoardsColumn) => {
+                    return (
+                        <HeaderCell
+                            {...(isSortable(column) &&
+                                getSortableHeaderProps({
+                                    name: SortableDataKeys[column],
+                                }))}
+                            key={column}
+                            className="bg-grey70 font-medium text-left pl-2"
+                        >
+                            {BoardsColumns[column]}
+                        </HeaderCell>
+                    )
+                })}
+            </TableRow>
+        </TableHead>
     )
 }
 
diff --git a/next-tavla/app/(admin)/boards/components/TableRows/index.tsx b/next-tavla/app/(admin)/boards/components/TableRows/index.tsx
index 45c238ab8..7f46dbe26 100644
--- a/next-tavla/app/(admin)/boards/components/TableRows/index.tsx
+++ b/next-tavla/app/(admin)/boards/components/TableRows/index.tsx
@@ -1,19 +1,22 @@
-import { useSortBoardFunction } from '../../hooks/useSortBoardFunction'
-import { Column } from '../Column'
-import { Fragment } from 'react'
-import { TBoard } from 'types/settings'
+import { TBoard, TBoardWithOrganization } from 'types/settings'
 import { uniq } from 'lodash'
-import { TTag } from 'types/meta'
 import { useSearchParam } from '../../hooks/useSearchParam'
 import { DEFAULT_BOARD_NAME } from 'app/(admin)/utils/constants'
-import { DEFAULT_BOARD_COLUMNS, TBoardsColumn } from 'app/(admin)/utils/types'
+import { DataCell, TableBody, TableRow } from '@entur/table'
+import { Name } from '../Column/Name'
+import { Actions } from '../Column/Actions'
+import { LastModified } from '../Column/LastModified'
+import { Tags } from '../Column/Tags'
+import { Organization } from '../Column/Organization'
 
-function TableRows({ boards }: { boards: TBoard[] }) {
+function TableRows({
+    boardsWithOrgs,
+}: {
+    boardsWithOrgs: TBoardWithOrganization[]
+}) {
     const search = useSearchParam('search') ?? ''
     const filter = useSearchParam('tags')?.split(',') ?? []
-    const columns =
-        useSearchParam('columns')?.split(',') ?? DEFAULT_BOARD_COLUMNS
-    const sortFunction = useSortBoardFunction()
+
     const searchFilter = new RegExp(
         search.replace(/[^a-z/Wæøå0-9- ]+/g, ''),
         'i',
@@ -27,45 +30,49 @@ function TableRows({ boards }: { boards: TBoard[] }) {
         filter.every((tag) => (board?.meta?.tags ?? []).includes(tag))
 
     return (
-        <>
-            {boards
-                .filter((board: TBoard) => filterByTitle(board))
-                .filter((board: TBoard) => filterByTags(board))
-                .sort(sortFunction)
-                .map((board: TBoard) => (
-                    <TableRow
-                        key={board.id}
-                        board={board}
-                        columns={columns as TBoardsColumn[]}
-                        tags={uniq(
-                            boards.flatMap((board) => board?.meta?.tags ?? []),
-                        )}
-                    />
+        <TableBody className="[&>*:nth-child(even)]:bg-secondary">
+            {boardsWithOrgs
+                .filter((boardWithOrg: TBoardWithOrganization) =>
+                    filterByTitle(boardWithOrg.board),
+                )
+                .filter((boardWithOrg: TBoardWithOrganization) =>
+                    filterByTags(boardWithOrg.board),
+                )
+                .map((boardWithOrg: TBoardWithOrganization) => (
+                    <TableRow key={boardWithOrg.board.id} className="h-14">
+                        <DataCell>
+                            <Name board={boardWithOrg.board} />
+                        </DataCell>
+                        <DataCell>
+                            <Tags
+                                board={boardWithOrg.board}
+                                allTags={uniq(
+                                    boardsWithOrgs.flatMap(
+                                        (boardWithOrg) =>
+                                            boardWithOrg.board?.meta?.tags ??
+                                            [],
+                                    ),
+                                )}
+                            />
+                        </DataCell>
+                        <DataCell>
+                            <LastModified
+                                timestamp={
+                                    boardWithOrg.board.meta?.dateModified
+                                }
+                            />
+                        </DataCell>
+                        <DataCell>
+                            <Organization
+                                organization={boardWithOrg.organization}
+                            />
+                        </DataCell>
+                        <DataCell>
+                            <Actions board={boardWithOrg.board} />
+                        </DataCell>
+                    </TableRow>
                 ))}
-        </>
-    )
-}
-
-function TableRow({
-    board,
-    columns,
-    tags,
-}: {
-    board: TBoard
-    columns: TBoardsColumn[]
-    tags: TTag[]
-}) {
-    return (
-        <Fragment key={board.id}>
-            {columns.map((column: TBoardsColumn) => (
-                <Column
-                    key={column}
-                    board={board}
-                    column={column}
-                    tags={tags}
-                />
-            ))}
-        </Fragment>
+        </TableBody>
     )
 }
 
diff --git a/next-tavla/app/(admin)/boards/components/ToggleBoardsColumns/index.tsx b/next-tavla/app/(admin)/boards/components/ToggleBoardsColumns/index.tsx
deleted file mode 100644
index 949a51bb0..000000000
--- a/next-tavla/app/(admin)/boards/components/ToggleBoardsColumns/index.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-'use client'
-import { IconButton, SecondaryButton } from '@entur/button'
-import { AdjustmentsIcon, CloseIcon } from '@entur/icons'
-import {
-    Popover,
-    PopoverCloseButton,
-    PopoverContent,
-    PopoverTrigger,
-} from '@entur/tooltip'
-import { Heading4 } from '@entur/typography'
-import { Checkbox } from '@entur/form'
-import {
-    BoardsColumns,
-    DEFAULT_BOARD_COLUMNS,
-    TBoardsColumn,
-} from 'app/(admin)/utils/types'
-import { isEqual, xor } from 'lodash'
-import { useSearchParamReplacer } from '../../hooks/useSearchParamReplacer'
-
-function ToggleBoardsColumns() {
-    const [value, replace] = useSearchParamReplacer('columns')
-    const columns = value?.split(',') ?? DEFAULT_BOARD_COLUMNS
-
-    const updateColumns = (column: TBoardsColumn) => {
-        const newColumns = xor(columns, [column])
-        if (isEqual(newColumns, DEFAULT_BOARD_COLUMNS))
-            return replace(undefined)
-
-        replace(newColumns.join(','))
-    }
-
-    return (
-        <Popover>
-            <PopoverTrigger>
-                <SecondaryButton>
-                    Velg kolonner
-                    <AdjustmentsIcon aria-hidden="true" />
-                </SecondaryButton>
-            </PopoverTrigger>
-            <PopoverContent>
-                <div className="p-4">
-                    <div className="flex flex-row">
-                        <Heading4 className="m-2 text-base">
-                            Velg kolonner
-                        </Heading4>
-                        <PopoverCloseButton>
-                            <IconButton aria-label="Lukk popover">
-                                <CloseIcon aria-hidden="true" />
-                            </IconButton>
-                        </PopoverCloseButton>
-                    </div>
-                    <div className="p-2 flex flex-col gap-1">
-                        {Object.entries(BoardsColumns).map(([column]) => (
-                            <Checkbox
-                                key={column}
-                                checked={columns.includes(
-                                    column as TBoardsColumn,
-                                )}
-                                onChange={() =>
-                                    updateColumns(column as TBoardsColumn)
-                                }
-                            >
-                                {BoardsColumns[column as TBoardsColumn]}
-                            </Checkbox>
-                        ))}
-                    </div>
-                </div>
-            </PopoverContent>
-        </Popover>
-    )
-}
-
-export { ToggleBoardsColumns }
diff --git a/next-tavla/app/(admin)/boards/hooks/useSortBoardFunction.ts b/next-tavla/app/(admin)/boards/hooks/useSortBoardFunction.ts
deleted file mode 100644
index 2f368a5f8..000000000
--- a/next-tavla/app/(admin)/boards/hooks/useSortBoardFunction.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { TBoard } from 'types/settings'
-import { useCallback } from 'react'
-import { useSearchParam } from './useSearchParam'
-import { TBoardsColumn, TSort } from 'app/(admin)/utils/types'
-import { DEFAULT_BOARD_NAME } from 'app/(admin)/utils/constants'
-
-function useSortBoardFunction() {
-    const value = useSearchParam('sort')
-    const sortParams = value?.split(':')
-
-    const sortBoards = useCallback(
-        (boardA: TBoard, boardB: TBoard) => {
-            let sortFunc: () => number
-            const sort = {
-                column: sortParams?.[0] as TBoardsColumn,
-                type: sortParams?.[1] as TSort,
-            }
-            switch (sort.column) {
-                case 'lastModified':
-                    sortFunc = () => {
-                        const modifiedA = boardA.meta?.dateModified ?? 0
-                        const modifiedB = boardB.meta?.dateModified ?? 0
-                        return modifiedB - modifiedA
-                    }
-                    break
-                default:
-                    sortFunc = () => {
-                        const titleA =
-                            boardA?.meta?.title?.toLowerCase() ??
-                            DEFAULT_BOARD_NAME
-                        const titleB =
-                            boardB?.meta?.title?.toLowerCase() ??
-                            DEFAULT_BOARD_NAME
-                        return titleB.localeCompare(titleA)
-                    }
-                    break
-            }
-            switch (sort.type) {
-                case 'ascending':
-                    return -sortFunc()
-                case 'descending':
-                    return sortFunc()
-                default:
-                    return 0
-            }
-        },
-        [sortParams],
-    )
-
-    return sortBoards
-}
-
-export { useSortBoardFunction }
diff --git a/next-tavla/app/(admin)/utils/types.ts b/next-tavla/app/(admin)/utils/types.ts
index 90cf5b5a8..6a3a2651d 100644
--- a/next-tavla/app/(admin)/utils/types.ts
+++ b/next-tavla/app/(admin)/utils/types.ts
@@ -1,10 +1,8 @@
-export type TSort = 'none' | 'ascending' | 'descending'
-
 export const BoardsColumns = {
     name: 'Navn',
-    url: 'Lenke',
     tags: 'Merkelapper',
     lastModified: 'Sist oppdatert',
+    organization: 'Organisasjon',
     actions: 'Handlinger',
 } as const
 
@@ -12,9 +10,15 @@ export const DEFAULT_BOARD_COLUMNS = Object.keys(
     BoardsColumns,
 ) as TBoardsColumn[]
 
-export type TBoardsColumn = keyof typeof BoardsColumns
+export const SortableDataKeys = {
+    name: 'board.meta.title',
+    lastModified: 'board.meta.dateModified',
+    organization: 'organization.name',
+}
 
-export const SortableColumns = ['name', 'lastModified'] as const
+export type SortableColumns = keyof typeof SortableDataKeys
+
+export type TBoardsColumn = keyof typeof BoardsColumns
 
 export type TTavlaError =
     | 'AUTHORIZATION'
diff --git a/next-tavla/app/globals.css b/next-tavla/app/globals.css
index 5687077c8..15aa02394 100644
--- a/next-tavla/app/globals.css
+++ b/next-tavla/app/globals.css
@@ -22,6 +22,8 @@
         --divider-color: var(--colors-blues-blue20);
         --border-color: var(--colors-greys-grey50);
 
+        --grey70: var(--colors-greys-grey70);
+
         --tooltip-color: var(--colors-blues-blue10);
         --tooltip-text-color: var(--colors-brand-white);
 
@@ -59,6 +61,8 @@
         --divider-color: var(--colors-blues-blue20);
         --border-color: var(--colors-greys-grey10);
 
+        --grey70: var(--colors-greys-grey70);
+
         --tooltip-color: var(--colors-greys-grey30);
 
         --metro-color: var(--colors-transport-contrast-metro);
@@ -95,6 +99,8 @@
         --divider-color: var(--colors-blues-blue20);
         --border-color: var(--colors-blues-blue30);
 
+        --grey70: var(--colors-greys-grey70);
+
         --metro-color: var(--colors-transport-contrast-metro);
         --bus-color: var(--colors-transport-contrast-bus);
         --tram-color: var(--colors-transport-contrast-tram);
diff --git a/next-tavla/package.json b/next-tavla/package.json
index be60d9a36..2d19c244d 100644
--- a/next-tavla/package.json
+++ b/next-tavla/package.json
@@ -38,6 +38,7 @@
         "@entur/menu": "4.2.4",
         "@entur/modal": "1.7.3",
         "@entur/tab": "0.4.51",
+        "@entur/table": "4.8.9",
         "@entur/tokens": "3.8.1",
         "@entur/tooltip": "2.6.26",
         "@entur/travel": "6.0.18",
diff --git a/next-tavla/src/Shared/styles/reset.css b/next-tavla/src/Shared/styles/reset.css
index f8ebed2b8..283a69471 100644
--- a/next-tavla/src/Shared/styles/reset.css
+++ b/next-tavla/src/Shared/styles/reset.css
@@ -40,6 +40,12 @@ a.eds-button,
     line-height: normal;
 }
 
+.eds-table__header-cell-button {
+    display: inline-flex;
+    gap: 0.5rem;
+    align-items: center;
+}
+
 a.eds-button > .eds-icon,
 .eds-button > .eds-icon {
     top: 0;
diff --git a/next-tavla/src/Shared/types/settings.ts b/next-tavla/src/Shared/types/settings.ts
index ea494d9e5..978029798 100644
--- a/next-tavla/src/Shared/types/settings.ts
+++ b/next-tavla/src/Shared/types/settings.ts
@@ -13,6 +13,11 @@ export type TBoard = {
     footer?: TFooter
 }
 
+export type TBoardWithOrganization = {
+    board: TBoard
+    organization: TOrganization
+}
+
 export type TUser = {
     uid?: TUserID
     email?: string
diff --git a/next-tavla/tailwind.config.ts b/next-tavla/tailwind.config.ts
index 7f37300b5..1b9b12271 100644
--- a/next-tavla/tailwind.config.ts
+++ b/next-tavla/tailwind.config.ts
@@ -32,6 +32,7 @@ module.exports = {
                 secondary: 'var(--secondary-background-color)',
                 tertiary: 'var(--tertiary-background-color)',
                 contrast: 'var(--contrast-background-color)',
+                grey70: 'var(--grey70)',
             },
             colors: {
                 background: 'var(--main-background-color)',
diff --git a/next-tavla/yarn.lock b/next-tavla/yarn.lock
index 773ee2855..547eb83c9 100644
--- a/next-tavla/yarn.lock
+++ b/next-tavla/yarn.lock
@@ -861,6 +861,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/a11y@npm:^0.2.85":
+  version: 0.2.85
+  resolution: "@entur/a11y@npm:0.2.85"
+  dependencies:
+    "@entur/tokens": ^3.15.0
+    "@entur/utils": ^0.11.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 9f5b174a500e9c60befd3b79bfc5d3e7cd3ea1331df22ae272d9940f5cf0b38ad95a02471c5db3795b53e4ff4d2de5f0341461502f4f84ba1131d4246479e917
+  languageName: node
+  linkType: hard
+
 "@entur/alert@npm:0.14.9":
   version: 0.14.9
   resolution: "@entur/alert@npm:0.14.9"
@@ -969,6 +982,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/button@npm:^3.2.24":
+  version: 3.2.24
+  resolution: "@entur/button@npm:3.2.24"
+  dependencies:
+    "@entur/loader": ^0.5.2
+    "@entur/tokens": ^3.15.0
+    "@entur/utils": ^0.11.1
+    classnames: ^2.3.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: cb6d9a976012fb5463e5a76e05f643270f1408b0905851d034bb0a486d8de9d46c3f7bbec880debcaa8913fecfa48d145544c9f014196b64ddd9ad073a147ad8
+  languageName: node
+  linkType: hard
+
 "@entur/chip@npm:0.6.54":
   version: 0.6.54
   resolution: "@entur/chip@npm:0.6.54"
@@ -1076,6 +1104,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/expand@npm:^3.5.13":
+  version: 3.5.13
+  resolution: "@entur/expand@npm:3.5.13"
+  dependencies:
+    "@entur/icons": ^6.17.0
+    "@entur/tokens": ^3.15.0
+    "@entur/typography": ^1.8.37
+    "@entur/utils": ^0.11.1
+    classnames: ^2.3.1
+    react-collapse: ^5.1.0
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 7d7b89605d6be027df0bf3f9290c88ad2ec7961522897003c03d1aad2b33772812ca29768131d5589979d0ecaaa8deecb38cf2e154bed318296734023b1afaf7
+  languageName: node
+  linkType: hard
+
 "@entur/form@npm:7.0.9":
   version: 7.0.9
   resolution: "@entur/form@npm:7.0.9"
@@ -1144,6 +1189,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/form@npm:^7.1.9":
+  version: 7.1.9
+  resolution: "@entur/form@npm:7.1.9"
+  dependencies:
+    "@entur/icons": ^6.17.0
+    "@entur/tokens": ^3.15.0
+    "@entur/tooltip": ^2.7.8
+    "@entur/typography": ^1.8.37
+    "@entur/utils": ^0.11.1
+    classnames: ^2.3.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 0079e03e51df1bf8e4807a8dd07fb9b0e8ed59b6fc5563fa32127b51b3cf1c5a1d9a64e83a172af4b4f86555807ffab0532915bcc503591027941ebbc5204ada
+  languageName: node
+  linkType: hard
+
 "@entur/icons@npm:6.3.0, @entur/icons@npm:^6.3.0":
   version: 6.3.0
   resolution: "@entur/icons@npm:6.3.0"
@@ -1209,6 +1271,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/icons@npm:^6.17.0":
+  version: 6.17.0
+  resolution: "@entur/icons@npm:6.17.0"
+  dependencies:
+    "@entur/tokens": ^3.15.0
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    sass: ^1.65.1
+  checksum: bc4201395577798eae90bb8097834be58629d92586315ecbf72a2082968aa00b2adc30b8682fab738ea4a1529dcd701234908f9b223e5223cddfa03957ce19cc
+  languageName: node
+  linkType: hard
+
 "@entur/icons@npm:^6.4.2":
   version: 6.4.2
   resolution: "@entur/icons@npm:6.4.2"
@@ -1318,6 +1393,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/layout@npm:^2.3.8":
+  version: 2.3.8
+  resolution: "@entur/layout@npm:2.3.8"
+  dependencies:
+    "@entur/icons": ^6.17.0
+    "@entur/tokens": ^3.15.0
+    "@entur/typography": ^1.8.37
+    "@entur/utils": ^0.11.1
+    classnames: ^2.3.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 58cd893608e6f51e669fcbda1d1dd7c46019e4644d7f7c3698028f874cac72d6af08a0a4d2f4417a177b604aa09862a5d21816ffb795d5670d66942f69a4e114
+  languageName: node
+  linkType: hard
+
 "@entur/loader@npm:0.4.31, @entur/loader@npm:^0.4.31":
   version: 0.4.31
   resolution: "@entur/loader@npm:0.4.31"
@@ -1408,6 +1499,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/loader@npm:^0.5.2":
+  version: 0.5.2
+  resolution: "@entur/loader@npm:0.5.2"
+  dependencies:
+    "@entur/tokens": ^3.15.0
+    "@entur/typography": ^1.8.37
+    "@entur/utils": ^0.11.1
+    classnames: ^2.3.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: cf3abffc146d9987902003da30c39db7190252f588a31958be27b486810f7838b9e6e1740e16b0e4bb0567bc2d045741d72a1b6d332f6fb140846a6423dfd7a1
+  languageName: node
+  linkType: hard
+
 "@entur/menu@npm:4.2.4":
   version: 4.2.4
   resolution: "@entur/menu@npm:4.2.4"
@@ -1466,6 +1572,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/table@npm:4.8.9":
+  version: 4.8.9
+  resolution: "@entur/table@npm:4.8.9"
+  dependencies:
+    "@entur/a11y": ^0.2.85
+    "@entur/button": ^3.2.24
+    "@entur/expand": ^3.5.13
+    "@entur/form": ^7.1.9
+    "@entur/icons": ^6.17.0
+    "@entur/layout": ^2.3.8
+    "@entur/tokens": ^3.15.0
+    "@entur/tooltip": ^2.7.8
+    "@entur/utils": ^0.11.1
+    "@types/lodash.get": ^4.4.6
+    classnames: ^2.3.1
+    lodash.get: ^4.4.2
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: b0d0db88ae5b493c7fafce9f83d9c2887b49f0b920f6d0d3871c440a778a294f6d24174a115ba6bf3c3ba375574ac15d666d21d5e93d0b09c589e37bf35821b4
+  languageName: node
+  linkType: hard
+
 "@entur/tokens@npm:3.8.1":
   version: 3.8.1
   resolution: "@entur/tokens@npm:3.8.1"
@@ -1511,6 +1640,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/tokens@npm:^3.15.0":
+  version: 3.15.0
+  resolution: "@entur/tokens@npm:3.15.0"
+  dependencies:
+    flat: ^5.0.1
+    hex-rgb: ^4.3.0
+  checksum: 197aa0da4ae8624c548fe7d0d5624adfc2dde89d5e4b38567fdd7d15885f6d46de30cb7ee6bea11eacd03a4425827159534294a78c620ba8b2a199f650384b47
+  languageName: node
+  linkType: hard
+
 "@entur/tokens@npm:^3.9.0":
   version: 3.9.0
   resolution: "@entur/tokens@npm:3.9.0"
@@ -1615,6 +1754,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/tooltip@npm:^2.7.8":
+  version: 2.7.8
+  resolution: "@entur/tooltip@npm:2.7.8"
+  dependencies:
+    "@entur/button": ^3.2.24
+    "@entur/icons": ^6.17.0
+    "@entur/layout": ^2.3.8
+    "@entur/tokens": ^3.15.0
+    "@entur/utils": ^0.11.1
+    "@popperjs/core": ^2.10.1
+    classnames: ^2.3.1
+    react-popper: ~2.2.5
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 3b1b8f3320cb795f074b795d0a344580a42833c783dd33c1809d0853f07ea1b390153860d6371401fa045ad0b741610cf282c065fc2322e7901b9e9ddca61517
+  languageName: node
+  linkType: hard
+
 "@entur/travel@npm:6.0.18":
   version: 6.0.18
   resolution: "@entur/travel@npm:6.0.18"
@@ -1712,6 +1870,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/typography@npm:^1.8.37":
+  version: 1.8.37
+  resolution: "@entur/typography@npm:1.8.37"
+  dependencies:
+    "@entur/icons": ^6.17.0
+    "@entur/tokens": ^3.15.0
+    "@entur/utils": ^0.11.1
+    classnames: ^2.3.1
+    normalize-scss: ^7.0.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: a37965da9b3077d82330b3e078722e959a9416605e68d1d0f1887867224f9411c41c0b997f405408bc837291a7018207b7ff48a23a5decf8e0f4158de0fd5632
+  languageName: node
+  linkType: hard
+
 "@entur/typography@npm:^1.8.6":
   version: 1.8.6
   resolution: "@entur/typography@npm:1.8.6"
@@ -1756,6 +1930,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@entur/utils@npm:^0.11.1":
+  version: 0.11.1
+  resolution: "@entur/utils@npm:0.11.1"
+  dependencies:
+    tiny-warning: ^1.0.3
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 28497ef50c51cff1ed836f8f29c980f7cd9b511dac225c50ec58840b10195c1aa0eddf136b5f3872fc82ee6b2f7fa351a14bf24e57688add735ca31acc226e6d
+  languageName: node
+  linkType: hard
+
 "@entur/utils@npm:^0.9.0":
   version: 0.9.0
   resolution: "@entur/utils@npm:0.9.0"
@@ -4059,6 +4245,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/lodash.get@npm:^4.4.6":
+  version: 4.4.9
+  resolution: "@types/lodash.get@npm:4.4.9"
+  dependencies:
+    "@types/lodash": "*"
+  checksum: d7e071d267e3d1bab58db14b6ce63fc51ca3c9c9697d3548cd5c0f16c08a7ce2188cff75dff1858b5623c3bd070836857211ebef4f364c53b82e31f3190fe0b4
+  languageName: node
+  linkType: hard
+
+"@types/lodash@npm:*":
+  version: 4.17.4
+  resolution: "@types/lodash@npm:4.17.4"
+  checksum: 268e652fd52d49189f155bc89b49bd4535aa44f0b6b0ed9ce7e50318307bda58147c49539d2047f39ca37cf5b5ea38dfb801d0dbcdbc8b019c95c1afc346b05a
+  languageName: node
+  linkType: hard
+
 "@types/lodash@npm:4.14.191":
   version: 4.14.191
   resolution: "@types/lodash@npm:4.14.191"
@@ -7990,6 +8192,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"flat@npm:^5.0.1":
+  version: 5.0.2
+  resolution: "flat@npm:5.0.2"
+  bin:
+    flat: cli.js
+  checksum: 12a1536ac746db74881316a181499a78ef953632ddd28050b7a3a43c62ef5462e3357c8c29d76072bb635f147f7a9a1f0c02efef6b4be28f8db62ceb3d5c7f5d
+  languageName: node
+  linkType: hard
+
 "flatted@npm:^3.1.0":
   version: 3.2.7
   resolution: "flatted@npm:3.2.7"
@@ -10405,6 +10616,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.get@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "lodash.get@npm:4.4.2"
+  checksum: e403047ddb03181c9d0e92df9556570e2b67e0f0a930fcbbbd779370972368f5568e914f913e93f3b08f6d492abc71e14d4e9b7a18916c31fa04bd2306efe545
+  languageName: node
+  linkType: hard
+
 "lodash.isobject@npm:^2.4.1":
   version: 2.4.1
   resolution: "lodash.isobject@npm:2.4.1"
@@ -14112,6 +14330,7 @@ __metadata:
     "@entur/menu": 4.2.4
     "@entur/modal": 1.7.3
     "@entur/tab": 0.4.51
+    "@entur/table": 4.8.9
     "@entur/tokens": 3.8.1
     "@entur/tooltip": 2.6.26
     "@entur/travel": 6.0.18