diff --git a/apps/backend/src/datasources/TemplateDataSource.ts b/apps/backend/src/datasources/TemplateDataSource.ts
index b72b11c60a..b45966aac4 100644
--- a/apps/backend/src/datasources/TemplateDataSource.ts
+++ b/apps/backend/src/datasources/TemplateDataSource.ts
@@ -17,7 +17,10 @@ import { DeleteQuestionTemplateRelationArgs } from '../resolvers/mutations/templ
 import { SetActiveTemplateArgs } from '../resolvers/mutations/template/SetActiveTemplateMutation';
 import { UpdateQuestionTemplateRelationSettingsArgs } from '../resolvers/mutations/template/UpdateQuestionTemplateRelationSettingsMutation';
 import { UpdateTemplateArgs } from '../resolvers/mutations/template/UpdateTemplateMutation';
-import { QuestionsFilter } from '../resolvers/queries/QuestionsQuery';
+import {
+  AllQuestionsFilterArgs,
+  QuestionsFilter,
+} from '../resolvers/queries/QuestionsQuery';
 import { TemplatesArgs } from '../resolvers/queries/TemplatesQuery';
 import { ConflictResolution } from '../resolvers/types/ConflictResolution';
 import { TemplateGroup } from '../resolvers/types/TemplateGroup';
@@ -64,6 +67,9 @@ export interface TemplateDataSource {
   deleteQuestion(questionId: string): Promise<Question>;
   getComplementaryQuestions(templateId: number): Promise<Question[] | null>;
   getQuestions(filter?: QuestionsFilter): Promise<Question[]>;
+  getAllQuestions(
+    args: AllQuestionsFilterArgs
+  ): Promise<{ totalCount: number; questions: Question[] }>;
   getQuestionsInTemplate(templateId: number): Promise<Question[]>;
 
   // TemplateField rel
diff --git a/apps/backend/src/datasources/mockups/TemplateDataSource.ts b/apps/backend/src/datasources/mockups/TemplateDataSource.ts
index da3461b0cd..4082cc70d9 100644
--- a/apps/backend/src/datasources/mockups/TemplateDataSource.ts
+++ b/apps/backend/src/datasources/mockups/TemplateDataSource.ts
@@ -443,6 +443,13 @@ export class TemplateDataSourceMock implements TemplateDataSource {
     return [dummyQuestionFactory()];
   }
 
+  async getAllQuestions(): Promise<{
+    totalCount: number;
+    questions: Question[];
+  }> {
+    return { totalCount: 1, questions: [dummyQuestionFactory()] };
+  }
+
   async getQuestionsInTemplate(templateId: number): Promise<Question[]> {
     return dummyTemplateSteps.flatMap((step) =>
       step.fields.map((field) => field.question)
diff --git a/apps/backend/src/datasources/postgres/TemplateDataSource.ts b/apps/backend/src/datasources/postgres/TemplateDataSource.ts
index a107084b29..425e106a07 100644
--- a/apps/backend/src/datasources/postgres/TemplateDataSource.ts
+++ b/apps/backend/src/datasources/postgres/TemplateDataSource.ts
@@ -29,7 +29,10 @@ import { DeleteQuestionTemplateRelationArgs } from '../../resolvers/mutations/te
 import { SetActiveTemplateArgs } from '../../resolvers/mutations/template/SetActiveTemplateMutation';
 import { UpdateQuestionTemplateRelationSettingsArgs } from '../../resolvers/mutations/template/UpdateQuestionTemplateRelationSettingsMutation';
 import { UpdateTemplateArgs } from '../../resolvers/mutations/template/UpdateTemplateMutation';
-import { QuestionsFilter } from '../../resolvers/queries/QuestionsQuery';
+import {
+  AllQuestionsFilterArgs,
+  QuestionsFilter,
+} from '../../resolvers/queries/QuestionsQuery';
 import { TemplatesArgs } from '../../resolvers/queries/TemplatesQuery';
 import { ConflictResolution } from '../../resolvers/types/ConflictResolution';
 import {
@@ -125,6 +128,89 @@ export default class PostgresTemplateDataSource implements TemplateDataSource {
       });
   }
 
+  fieldMap: { [key: string]: string } = {
+    question: 'questions.question',
+    naturalKey: 'questions.natural_key',
+    dataType: 'questions.data_type',
+    answers: 'answers_count',
+    templates: 'templates_count',
+    categoryId: 'template_categories.name',
+  };
+
+  async getAllQuestions(args: AllQuestionsFilterArgs): Promise<{
+    totalCount: number;
+    questions: Question[];
+  }> {
+    const { filter, first, offset, sortField, sortDirection, searchText } =
+      args;
+
+    return database('questions')
+      .select([
+        'questions.*',
+        'template_categories.*',
+        database.raw('count(distinct answers.question_id) as answers_count'),
+        database.raw('count(distinct tq.question_id) as templates_count'),
+        database.raw('count(*) OVER() AS full_count'),
+      ])
+      .from('questions')
+      .leftJoin('answers', 'questions.question_id', 'answers.question_id')
+      .leftJoin(
+        'templates_has_questions as tq',
+        'questions.question_id',
+        'tq.question_id'
+      )
+      .leftJoin(
+        'template_categories',
+        'questions.category_id',
+        'template_categories.template_category_id'
+      )
+      .modify((query) => {
+        if (filter?.category !== undefined) {
+          query.where('questions.category_id', filter.category);
+        }
+        if (filter?.dataType !== undefined) {
+          query.whereIn('questions.data_type', filter.dataType);
+        }
+
+        if (searchText) {
+          query.andWhere((qb) =>
+            qb
+              .orWhere('questions.question', 'ilike', `%${searchText.trim()}%`)
+              .orWhere(
+                'questions.question_id',
+                'ilike',
+                `%${searchText.trim()}%`
+              )
+          );
+        }
+
+        if (sortField && sortDirection) {
+          if (!this.fieldMap.hasOwnProperty(sortField)) {
+            throw new GraphQLError(`Bad sort field given: ${sortField}`);
+          }
+
+          query.orderByRaw(`${this.fieldMap[sortField]} ${sortDirection}`);
+        }
+
+        if (first) {
+          query.limit(first);
+        }
+        if (offset) {
+          query.offset(offset);
+        }
+      })
+      .groupBy([
+        'questions.question_id',
+        'template_categories.template_category_id',
+      ])
+      .then((rows: QuestionRecord[]) => {
+        return {
+          totalCount: rows[0] ? rows[0].full_count : 0,
+          questions: rows.map((row) => createQuestionObject(row)),
+        };
+      });
+  }
+
   async createTemplate(args: CreateTemplateArgs): Promise<Template> {
     return database('templates')
       .insert({
diff --git a/apps/backend/src/datasources/postgres/records.ts b/apps/backend/src/datasources/postgres/records.ts
index f6b3fda724..81dbcf8801 100644
--- a/apps/backend/src/datasources/postgres/records.ts
+++ b/apps/backend/src/datasources/postgres/records.ts
@@ -190,6 +190,7 @@ export interface QuestionRecord {
   readonly created_at: Date;
   readonly updated_at: Date;
   readonly natural_key: string;
+  readonly full_count: number;
 }
 
 export interface AnswerRecord {
diff --git a/apps/backend/src/queries/TemplateQueries.ts b/apps/backend/src/queries/TemplateQueries.ts
index c6003124ae..a3cd77b33b 100644
--- a/apps/backend/src/queries/TemplateQueries.ts
+++ b/apps/backend/src/queries/TemplateQueries.ts
@@ -8,7 +8,10 @@ import { Authorized } from '../decorators';
 import { Roles } from '../models/Role';
 import { Question, TemplateGroupId, TemplateStep } from '../models/Template';
 import { UserWithRole } from '../models/User';
-import { QuestionsFilter } from '../resolvers/queries/QuestionsQuery';
+import {
+  AllQuestionsFilterArgs,
+  QuestionsFilter,
+} from '../resolvers/queries/QuestionsQuery';
 import { TemplatesArgs } from '../resolvers/queries/TemplatesQuery';
 import { DynamicMultipleChoiceConfig } from '../resolvers/types/FieldConfig';
 
@@ -49,6 +52,14 @@ export default class TemplateQueries {
     return this.dataSource.getQuestions(filter);
   }
 
+  @Authorized([Roles.USER_OFFICER, Roles.INSTRUMENT_SCIENTIST])
+  async getAllQuestions(
+    agent: UserWithRole | null,
+    args: AllQuestionsFilterArgs
+  ): Promise<{ totalCount: number; questions: Question[] }> {
+    return this.dataSource.getAllQuestions(args);
+  }
+
   @Authorized([Roles.USER_OFFICER, Roles.INSTRUMENT_SCIENTIST])
   async getTemplateSteps(
     agent: UserWithRole | null,
diff --git a/apps/backend/src/resolvers/queries/QuestionsQuery.ts b/apps/backend/src/resolvers/queries/QuestionsQuery.ts
index af2c7bee13..836c99def8 100644
--- a/apps/backend/src/resolvers/queries/QuestionsQuery.ts
+++ b/apps/backend/src/resolvers/queries/QuestionsQuery.ts
@@ -1,4 +1,15 @@
-import { Arg, Ctx, Field, InputType, Query, Resolver } from 'type-graphql';
+import {
+  Arg,
+  Args,
+  ArgsType,
+  Ctx,
+  Field,
+  InputType,
+  Int,
+  ObjectType,
+  Query,
+  Resolver,
+} from 'type-graphql';
 
 import { ResolverContext } from '../../context';
 import { DataType, TemplateCategoryId } from '../../models/Template';
@@ -22,6 +33,45 @@ export class QuestionsFilter {
   public questionIds?: string[];
 }
 
+@InputType()
+export class AllQuestionsFilter {
+  @Field(() => TemplateCategoryId, { nullable: true })
+  public category?: TemplateCategoryId;
+
+  @Field(() => [DataType], { nullable: true })
+  public dataType?: DataType[];
+}
+
+@ObjectType()
+class AllQuestionsQueryResult {
+  @Field(() => Int)
+  public totalCount: number;
+
+  @Field(() => [QuestionWithUsage])
+  public questions: QuestionWithUsage[];
+}
+
+@ArgsType()
+export class AllQuestionsFilterArgs {
+  @Field(() => AllQuestionsFilter, { nullable: true })
+  public filter?: AllQuestionsFilter;
+
+  @Field(() => Int, { nullable: true })
+  public first?: number;
+
+  @Field(() => Int, { nullable: true })
+  public offset?: number;
+
+  @Field({ nullable: true })
+  public sortField?: string;
+
+  @Field({ nullable: true })
+  public sortDirection?: string;
+
+  @Field({ nullable: true })
+  public searchText?: string;
+}
+
 @Resolver()
 export class QuestionsQuery {
   @Query(() => [QuestionWithUsage])
@@ -32,4 +82,12 @@ export class QuestionsQuery {
   ) {
     return context.queries.template.getQuestions(context.user, filter);
   }
+
+  @Query(() => AllQuestionsQueryResult)
+  allQuestions(
+    @Args() args: AllQuestionsFilterArgs,
+    @Ctx() context: ResolverContext
+  ) {
+    return context.queries.template.getAllQuestions(context.user, args);
+  }
 }
diff --git a/apps/e2e/cypress/e2e/questions.cy.ts b/apps/e2e/cypress/e2e/questions.cy.ts
index 001c1a5f8c..700e0df47e 100644
--- a/apps/e2e/cypress/e2e/questions.cy.ts
+++ b/apps/e2e/cypress/e2e/questions.cy.ts
@@ -27,6 +27,126 @@ context('Questions tests', () => {
     });
   });
 
+  it('Clicking navigation buttons should render next page', () => {
+    cy.login('officer');
+    cy.visit(`/`);
+
+    cy.get('[data-cy=officer-menu-items]').contains('Questions').click();
+
+    cy.get("[data-cy='questions-table']").contains('1-10 of');
+
+    cy.get("button[aria-label='Next Page']").click();
+    cy.get("[data-cy='questions-table']").contains('11-20 of');
+
+    cy.get("button[aria-label='Previous Page']").click();
+    cy.get("[data-cy='questions-table']").contains('1-10 of');
+  });
+
+  it('Sorting by sortField should sort the table', () => {
+    cy.login('officer');
+    cy.visit(`/`);
+
+    cy.get('[data-cy=officer-menu-items]').contains('Questions').click();
+
+    // KEY
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('thead')
+      .contains('Key')
+      .click();
+
+    cy.url().should('include', 'sortField=naturalKey');
+    cy.url().should('include', 'sortDirection=asc');
+
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody tr')
+      .first()
+      .contains('boolean_question');
+
+    // KEY DESCENDING
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('thead')
+      .contains('Key')
+      .click();
+
+    cy.url().should('include', 'sortField=naturalKey');
+    cy.url().should('include', 'sortDirection=desc');
+
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody tr')
+      .first()
+      .contains('visitat_basis');
+
+    // CATEGORY
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('thead')
+      .contains('Category')
+      .click();
+
+    cy.url().should('include', 'sortField=categoryId');
+    cy.url().should('include', 'sortDirection=asc');
+
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody tr')
+      .first()
+      .contains('FAP_REVIEW');
+
+    // # ANSWERS
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('thead')
+      .contains('# Answers')
+      .click();
+
+    cy.url().should('include', 'sortField=answers');
+    cy.url().should('include', 'sortDirection=asc');
+
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody tr')
+      .first()
+      .contains('1');
+
+    // # TEMPLATES
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('thead')
+      .contains('# Templates')
+      .click();
+
+    cy.url().should('include', 'sortField=templates');
+    cy.url().should('include', 'sortDirection=asc');
+
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody tr')
+      .first()
+      .contains('1');
+  });
+
+  it('Setting URL Query param pageSize to X should render X questions', () => {
+    cy.login('officer');
+
+    cy.visit(`/Questions?page=0&pageSize=5`);
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody')
+      .find('tr')
+      .should('have.length', 5);
+
+    cy.visit(`/Questions?page=0&pageSize=10`);
+    cy.get("[data-cy='questions-table'] table")
+      .first()
+      .find('tbody')
+      .find('tr')
+      .should('have.length', 10);
+  });
+
   it('User officer search questions', () => {
     cy.login('officer');
     cy.visit('/');
@@ -54,13 +174,15 @@ context('Questions tests', () => {
     cy.contains(textQuestion);
 
     const modifiedQuestion = textQuestion.split('').reverse().join();
-    cy.get('[data-cy=search-input] input')
+    cy.get('[placeholder="Search"]')
+      .click()
       .clear()
       .type(`${modifiedQuestion}{enter}`);
 
     cy.contains(textQuestion).should('not.exist');
 
-    cy.get('[data-cy=search-input] input')
+    cy.get('[placeholder="Search"]')
+      .click()
       .clear()
       .type(`${textQuestion}{enter}`);
 
@@ -75,7 +197,8 @@ context('Questions tests', () => {
 
     const samplesQuestionWithSpaces = '   ' + samplesQuestion + '   ';
 
-    cy.get('[data-cy=search-input] input')
+    cy.get('[placeholder="Search"]')
+      .click()
       .clear()
       .type(`${samplesQuestionWithSpaces}{enter}`);
 
@@ -90,7 +213,8 @@ context('Questions tests', () => {
 
     cy.get('[data-cy=officer-menu-items]').contains('Questions').click();
 
-    cy.get('[data-cy=search-input] input')
+    cy.get('[placeholder="Search"]')
+      .click()
       .clear()
       .type(`${textQuestion}{enter}`);
 
@@ -111,7 +235,8 @@ context('Questions tests', () => {
 
     cy.get('[data-cy=officer-menu-items]').contains('Questions').click();
 
-    cy.get('[data-cy=search-input] input')
+    cy.get('[placeholder="Search"]')
+      .click()
       .clear()
       .type(`${textQuestion}{enter}`);
 
@@ -119,7 +244,7 @@ context('Questions tests', () => {
     cy.get('[data-cy=questions-table]')
       .contains(textQuestion)
       .closest('tr')
-      .find('[aria-label=Edit]')
+      .find('[data-testid=EditIcon]')
       .click();
 
     cy.finishedLoading();
@@ -156,7 +281,8 @@ context('Questions tests', () => {
 
     cy.get('[data-cy=officer-menu-items]').contains('Questions').click();
 
-    cy.get('[data-cy=search-input] input')
+    cy.get('[placeholder="Search"]')
+      .click()
       .clear()
       .type(`${initialDBData.questions.boolean.text}{enter}`);
 
diff --git a/apps/frontend/src/components/template/QuestionsPage.tsx b/apps/frontend/src/components/template/QuestionsPage.tsx
index 22aa9e76e8..bf17075e09 100644
--- a/apps/frontend/src/components/template/QuestionsPage.tsx
+++ b/apps/frontend/src/components/template/QuestionsPage.tsx
@@ -1,29 +1,42 @@
-import { Typography } from '@mui/material';
+import MaterialTableCore, {
+  Column,
+  Query,
+  QueryResult,
+} from '@material-table/core';
+import { Edit } from '@mui/icons-material';
+import { DialogContent, Typography } from '@mui/material';
 import React from 'react';
+import { useSearchParams } from 'react-router-dom';
 
-import { SuperMaterialTable } from 'components/common/SuperMaterialTable';
-import { createQuestionForm } from 'components/questionary/QuestionaryComponentRegistry';
+import DenseMaterialTable from 'components/common/DenseMaterialTable';
+import StyledDialog from 'components/common/StyledDialog';
+import {
+  createQuestionForm,
+  nonCreatableQuestions,
+} from 'components/questionary/QuestionaryComponentRegistry';
+import {
+  BasicUserDetailsFragment,
+  DataType,
+  QuestionsFilter,
+  TemplateCategoryId,
+} from 'generated/sdk';
 import ButtonWithDialog from 'hooks/common/ButtonWithDialog';
-import { useCreatableQuestions } from 'hooks/template/useCreatableQuestions';
 import { QuestionWithUsage } from 'hooks/template/useQuestions';
 import { StyledContainer, StyledPaper } from 'styles/StyledComponents';
-import { tableIcons } from 'utils/materialIcons';
+import { setSortDirectionOnSortField } from 'utils/helperFunctions';
 import useDataApiWithFeedback from 'utils/useDataApiWithFeedback';
-import { FunctionType } from 'utils/utilTypes';
 
 import AnswerCountDetails from './AnswerCountDetails';
 import QuestionsTableFilter from './QuestionsTableFilter';
 import TemplateCountDetails from './TemplateCountDetails';
 
-const columns = [
+let columns: Column<QuestionWithUsage>[] = [
   { title: 'Question', field: 'question' },
   { title: 'Key', field: 'naturalKey' },
   { title: 'Category', field: 'categoryId' },
   {
     title: '# Answers',
-    field: 'answerCountButton',
-    customSort: (a: QuestionWithUsage, b: QuestionWithUsage) =>
-      a.answers.length - b.answers.length,
+    field: 'answers',
     render: (rowData: QuestionWithUsage) => (
       <ButtonWithDialog
         label={rowData.answers.length.toString()}
@@ -36,9 +49,7 @@ const columns = [
   },
   {
     title: '# Templates',
-    field: 'templateCountButton',
-    customSort: (a: QuestionWithUsage, b: QuestionWithUsage) =>
-      a.templates.length - b.templates.length,
+    field: 'templates',
     render: (rowData: QuestionWithUsage) => (
       <ButtonWithDialog
         label={rowData.templates.length.toString()}
@@ -52,66 +63,176 @@ const columns = [
 ];
 
 function QuestionsPage() {
-  const { questions, setQuestions, setQuestionsFilter, loadingQuestions } =
-    useCreatableQuestions();
+  const [searchParams, setSearchParam] = useSearchParams();
+  const category = searchParams.get('category') as TemplateCategoryId;
+
+  const type = searchParams.get('type') as DataType;
+  const [filter, setFilter] = React.useState<QuestionsFilter>({
+    category: category ?? undefined,
+    dataType: type ? [type] : undefined,
+    excludeDataType: nonCreatableQuestions.map(
+      (definition) => definition.dataType
+    ),
+  });
+  const pageSize = searchParams.get('pageSize');
+  const page = searchParams.get('page');
+  const searchText = searchParams.get('search');
+
+  const [isEditQuestionModalOpen, setIsEditQuestionModalOpen] =
+    React.useState(false);
+  const [selectedQuestion, setSelectedQuestion] =
+    React.useState<QuestionWithUsage>();
+  const tableRef =
+    React.createRef<MaterialTableCore<BasicUserDetailsFragment>>();
 
   const { api } = useDataApiWithFeedback();
 
-  const createModal = (
-    onUpdate: FunctionType<void, [QuestionWithUsage | null]>,
-    onCreate: FunctionType<void, [QuestionWithUsage | null]>,
-    question: QuestionWithUsage | null
-  ) => {
-    if (question) {
-      return createQuestionForm({
-        question,
-        onUpdated: (q) => onUpdate(q as QuestionWithUsage),
-        onDeleted: (q) => {
-          setQuestions(questions.filter((q2) => q2.id !== q.id));
-        },
-        closeMe: () => {
-          onUpdate(null);
-        },
-      });
-    }
-  };
-
-  const deleteQuestion = async (questionId: string | number) => {
-    try {
-      await api({
-        toastSuccessMessage: 'Question deleted',
-      }).deleteQuestion({ questionId: questionId as string });
-
-      return true;
-    } catch (error) {
-      return false;
-    }
-  };
+  const fetchQuestionsData = (tableQuery: Query<QuestionWithUsage>) =>
+    new Promise<QueryResult<QuestionWithUsage>>(async (resolve, reject) => {
+      try {
+        const [orderBy] = tableQuery.orderByCollection;
+
+        const results = await api().getAllQuestions({
+          filter,
+          searchText: tableQuery.search,
+          sortField: orderBy?.orderByField,
+          sortDirection: orderBy?.orderDirection,
+          first: tableQuery.pageSize,
+          offset: tableQuery.page * tableQuery.pageSize,
+        });
+
+        resolve({
+          data: results.allQuestions?.questions,
+          page: tableQuery.page,
+          totalCount: results.allQuestions?.totalCount || 0,
+        });
+      } catch (error) {
+        reject(error);
+      }
+    });
+
+  columns = setSortDirectionOnSortField(
+    columns,
+    searchParams.get('sortField'),
+    searchParams.get('sortDirection')
+  );
 
   return (
     <StyledContainer maxWidth={false}>
       <StyledPaper>
+        {/* Edit Form Modal */}
+        <StyledDialog
+          open={isEditQuestionModalOpen}
+          title="Edit Question"
+          maxWidth="md"
+          onClose={() => setIsEditQuestionModalOpen(false)}
+        >
+          <DialogContent>
+            {selectedQuestion && (
+              <>
+                {createQuestionForm({
+                  question: selectedQuestion,
+                  onUpdated: () => {
+                    setIsEditQuestionModalOpen(false);
+                    tableRef.current && tableRef.current.onQueryChange({});
+                  },
+                  onDeleted: () => {
+                    setIsEditQuestionModalOpen(false);
+                    tableRef.current && tableRef.current.onQueryChange({});
+                  },
+                  closeMe: () => {
+                    setIsEditQuestionModalOpen(false);
+                  },
+                })}
+              </>
+            )}
+          </DialogContent>
+        </StyledDialog>
+
+        {/* Filter Bar */}
         <QuestionsTableFilter
-          onChange={(filter) => {
-            setQuestionsFilter(filter);
+          onChange={(newFilter) => {
+            setFilter((filter) => ({
+              ...filter,
+              category: newFilter.category,
+              dataType: newFilter.dataType,
+            }));
+
+            tableRef.current && tableRef.current.onQueryChange({});
           }}
         />
+
+        {/* Server Paginated Table */}
         <div data-cy="questions-table">
-          <SuperMaterialTable
-            createModal={createModal}
-            delete={deleteQuestion}
-            setData={setQuestions}
-            icons={tableIcons}
+          <DenseMaterialTable
+            tableRef={tableRef}
             title={
-              <Typography variant="h6" component="h2">
+              <Typography variant="h6" component="h1">
                 Questions
               </Typography>
             }
+            editable={{
+              onRowDelete: (oldData) => {
+                return api({
+                  toastSuccessMessage: 'Question deleted',
+                }).deleteQuestion({ questionId: oldData.id });
+              },
+              isDeletable: (rowData) => rowData.templates.length === 0,
+            }}
+            actions={[
+              {
+                icon: () => <Edit />,
+                tooltip: 'Edit Question',
+                onClick: (event, data) => {
+                  setIsEditQuestionModalOpen(true);
+                  setSelectedQuestion(Array.isArray(data) ? data[0] : data);
+                },
+              },
+            ]}
             columns={columns}
-            isLoading={loadingQuestions}
-            data={questions}
-            options={{ search: false }}
-            hasAccess={{ create: false, update: true, remove: true }}
+            data={fetchQuestionsData}
+            onSearchChange={(searchText) => {
+              setSearchParam((searchParam) => {
+                searchParam.delete('search');
+                if (searchText) searchParam.set('search', searchText);
+
+                return searchParam;
+              });
+            }}
+            onOrderCollectionChange={(orderByCollection) => {
+              const [orderBy] = orderByCollection;
+              setSearchParam((searchParam) => {
+                searchParam.delete('sortField');
+                searchParam.delete('sortDirection');
+
+                if (
+                  orderBy?.orderByField != null &&
+                  orderBy?.orderDirection != null
+                ) {
+                  searchParam.set('sortField', orderBy?.orderByField);
+                  searchParam.set('sortDirection', orderBy?.orderDirection);
+                }
+
+                return searchParam;
+              });
+            }}
+            onPageChange={(page, pageSize) => {
+              setSearchParam((searchParam) => {
+                searchParam.delete('page');
+                searchParam.delete('pageSize');
+
+                searchParam.set('page', page.toString());
+                searchParam.set('pageSize', pageSize.toString());
+
+                return searchParam;
+              });
+            }}
+            options={{
+              searchText: searchText ?? undefined,
+              pageSize: pageSize ? +pageSize : undefined,
+              initialPage: searchText ? 0 : page ? +page : 0,
+              debounceInterval: 600,
+            }}
           />
         </div>
       </StyledPaper>
diff --git a/apps/frontend/src/components/template/QuestionsTableFilter.tsx b/apps/frontend/src/components/template/QuestionsTableFilter.tsx
index 022f6b324d..ac4ecbff31 100644
--- a/apps/frontend/src/components/template/QuestionsTableFilter.tsx
+++ b/apps/frontend/src/components/template/QuestionsTableFilter.tsx
@@ -3,8 +3,8 @@ import Grid from '@mui/material/Grid';
 import InputLabel from '@mui/material/InputLabel';
 import MenuItem from '@mui/material/MenuItem';
 import Select from '@mui/material/Select';
-import TextField from '@mui/material/TextField';
 import React, { useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
 
 import { creatableQuestions } from 'components/questionary/QuestionaryComponentRegistry';
 import { DataType, QuestionsFilter, TemplateCategoryId } from 'generated/sdk';
@@ -15,27 +15,43 @@ interface QuestionsTableFilterProps {
 }
 
 function QuestionsTableFilter(props: QuestionsTableFilterProps) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const categorySearchParam = searchParams.get(
+    'category'
+  ) as TemplateCategoryId;
+  const typeSearchParam = searchParams.get('type') as DataType;
+
   const { categories } = useTemplateCategories();
-  const [category, setCategory] = useState<TemplateCategoryId | undefined>();
-  const [questionType, setQuestionType] = useState<DataType[] | undefined>();
-  const [searchText, setSearchText] = useState<string | undefined>();
+  const [category, setCategory] = useState<TemplateCategoryId | undefined>(
+    categorySearchParam ?? undefined
+  );
+  const [questionType, setQuestionType] = useState<DataType[] | undefined>(
+    typeSearchParam ? [typeSearchParam] : undefined
+  );
 
   const handleChange = (update: Partial<QuestionsFilter>) => {
     props.onChange?.({
       dataType: questionType,
-      text: searchText,
       category: category,
       ...update,
     });
   };
 
   return (
-    <Grid container spacing={2} data-cy="questions-table-filter">
+    <Grid container spacing={2}>
       <Grid item sm={4} xs={12}>
         <FormControl fullWidth>
           <InputLabel id="filter-category">Category</InputLabel>
           <Select
             onChange={(e) => {
+              setSearchParams((searchParams) => {
+                searchParams.delete('category');
+                if (e.target.value)
+                  searchParams.set('category', e.target.value);
+
+                return searchParams;
+              });
+
               const newCategory = e.target.value as TemplateCategoryId;
               setCategory(newCategory);
               handleChange({ category: newCategory });
@@ -63,6 +79,13 @@ function QuestionsTableFilter(props: QuestionsTableFilterProps) {
               const value = e.target.value as DataType | undefined;
               const newDataType = value ? [value] : undefined;
 
+              setSearchParams((searchParams) => {
+                searchParams.delete('type');
+                if (value) searchParams.set('type', value);
+
+                return searchParams;
+              });
+
               setQuestionType(newDataType);
               handleChange({ dataType: newDataType });
             }}
@@ -84,25 +107,6 @@ function QuestionsTableFilter(props: QuestionsTableFilterProps) {
           </Select>
         </FormControl>
       </Grid>
-      <Grid item sm={4} xs={12}>
-        <FormControl fullWidth>
-          <TextField
-            label="Search"
-            value={searchText ?? ''}
-            margin="none"
-            onChange={(event) => setSearchText(event.target.value)}
-            onKeyDown={(event) => {
-              if (event.key === 'Enter') {
-                const trimmedSearchText = searchText?.trim();
-                setSearchText(trimmedSearchText);
-                handleChange({ text: trimmedSearchText });
-                event.preventDefault();
-              }
-            }}
-            data-cy="search-input"
-          />
-        </FormControl>
-      </Grid>
     </Grid>
   );
 }
diff --git a/apps/frontend/src/graphql/template/getAllQuestions.graphql b/apps/frontend/src/graphql/template/getAllQuestions.graphql
new file mode 100644
index 0000000000..2ad5c589c6
--- /dev/null
+++ b/apps/frontend/src/graphql/template/getAllQuestions.graphql
@@ -0,0 +1,35 @@
+query getAllQuestions(
+  $filter: AllQuestionsFilter 
+  $first: Int
+  $offset: Int
+  $sortField: String
+  $sortDirection: String
+  $searchText: String
+) {
+  allQuestions(
+    filter: $filter
+    first: $first
+    offset: $offset
+    sortField: $sortField
+    sortDirection: $sortDirection
+    searchText: $searchText
+  ) {
+    questions{
+      id
+      question
+      naturalKey
+      dataType
+      categoryId
+      config {
+        ...fieldConfig
+      }
+      answers {
+        questionaryId
+      }
+      templates {
+        templateId
+      }
+    }
+    totalCount
+  }
+}