diff --git a/resources/assets/js/pages/admin/home.vue b/resources/assets/js/pages/admin/home.vue
index a6292521..64212410 100644
--- a/resources/assets/js/pages/admin/home.vue
+++ b/resources/assets/js/pages/admin/home.vue
@@ -11,7 +11,7 @@
   <el-row :gutter="20">
     <div>
       <el-table :data="bookingTable">
-        <el-table-column label="Ref No." width="100">
+        <el-table-column label="Ref No." width="100" sortable>
           <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">Update</el-button>
           <el-button slot-scope="scope" type="text" @click="(event) => { BookingStatus(scope.row.admin_status, scope.row.id, scope.row.term) }"> {{ scope.row.id }}</el-button>
         </el-table-column>
@@ -62,7 +62,7 @@
   <el-row :gutter="20">
       <div>
         <el-table :data="bookingTableComplete">
-          <el-table-column label="Ref No." width="100">
+          <el-table-column label="Ref No." width="100" sortable>
             <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">Update</el-button>
             <el-button slot-scope="scope" type="text" @click="(event) => { BookingStatus(scope.row.admin_status, scope.row.id, scope.row.term) }"> {{ scope.row.id }}</el-button>
           </el-table-column>