diff --git a/pages/dashboard/index.vue b/pages/dashboard/index.vue
index 07c5874..35755fd 100644
--- a/pages/dashboard/index.vue
+++ b/pages/dashboard/index.vue
@@ -159,8 +159,8 @@ async function deleteSurvey(event: any, id: string) {
 
         <DataTable v-else :value="surveys" table-style="width: 100%;">
           <Column field="id" header="ID" style="width: 20%;" />
-          <Column field="title" header="Title" style="width: 50%" />
-          <Column field="workshop" header="Type" style="width: 20%">
+          <Column field="title" header="Title" :sortable="true" style="width: 50%" />
+          <Column field="workshop" header="Type" :sortable="true" style="width: 20%">
             <template #body="slotProps">
               <Badge v-if="slotProps.data.workshop" value="Workshop" />
               <Badge v-else value="Booth" severity="warning" />
@@ -200,9 +200,9 @@ async function deleteSurvey(event: any, id: string) {
 
         <DataTable v-if="pastWinners" :value="pastWinners">
           <Column field="id" header="ID" style="width: 30%" />
-          <Column field="name" header="Name" style="width 20%" />
-          <Column field="nric" header="NRIC" style="width: 20%" />
-          <Column field="phone" header="Phone" style="width: 20%" />
+          <Column field="name" header="Name" :sortable="true" style="width: 20%" />
+          <Column field="nric" header="NRIC" :sortable="true" style="width: 20%" />
+          <Column field="phone" header="Phone" :sortable="true" style="width: 20%" />
           <Column header="Delete" style="width: 10%">
             <template #body="slotProps">
               <Button label="Delete" size="small" severity="danger" @click="deleteWinner(slotProps.data.id)" />