categorizeTable

resources/assets/js/pages/home.vue

@@ -277,7 +277,10 @@
     <div align="right">
 <el-button :loading="loading_btn" type="primary" size="mini" @click="RefreshBooking()">Refresh</el-button></div>
 <!-- Booking Table -->
-    <el-row :gutter="20">
+
+<el-tabs type="border-card">
+  <el-tab-pane label="Booking Table"></el-tab-pane>
+  <el-row :gutter="20">
       <div>
         <el-table :data="bookingTable">
           <el-table-column label="Ref No." width="100">
@@ -317,6 +320,11 @@
         </el-table>
       </div>
     </el-row><br><br>
+  
+</el-tabs>
+
+
+    
     <div align="right">
       <el-button type="primary" size="mini" @click="fetchPaginateBooking(pagination.prev_page_url)" :disabled="!pagination.prev_page_url">
         Previous