Revert "paging"

This reverts commit 3e508afff5.

src/modules/09_scholarship/views/main.vue

@@ -80,10 +80,7 @@ const visibleColumns = ref<string[]>(["scholarshipYear", "scholarshipType"]);
 /** ดึงข้อมูล */
 function getData() {
   http
-    .get(
-      config.API.developmentScholarship +
-        `/user/${profilId.value}?year=${year.value}&type=${type.value}`
-    )
+    .get(config.API.developmentScholarship + `/user/${profilId.value}?year=${year.value}&type=${type.value}`)
     .then((res) => {
       rows.value = res.data.result;
     })
@@ -258,20 +255,34 @@ onMounted(async () => {
               />
             </div>
           </q-toolbar>
-          <d-table
+
+          <q-table
             ref="table"
             :columns="columns"
             :rows="rows"
             :filter="filterKeyword"
-            row-key="name"
+            row-key="id"
             flat
             bordered
             :paging="true"
             dense
-            class="custom-header-table"
+            hide-pagination
+            class="custom-table2"
             :visible-columns="visibleColumns"
+            v-model:pagination="pagination"
             :rows-per-page-options="[10, 25, 50, 100]"
           >
+            <template v-slot:pagination="scope">
+              <q-pagination
+                v-model="currentPage"
+                active-color="primary"
+                color="dark"
+                :max="Number(maxPage)"
+                size="sm"
+                boundary-links
+                direction-links
+              ></q-pagination>
+            </template>
             <template v-slot:header="props">
               <q-tr :props="props">
                 <q-th v-for="col in props.cols" :key="col.name" :props="props">
@@ -298,7 +309,7 @@ onMounted(async () => {
                 </q-td>
               </q-tr>
             </template>
-          </d-table>
+          </q-table>
         </q-card>
       </div>
     </div>