ปรับแก้ไขเครื่องราช

src/modules/07_insignia/views/ResultPage.vue

@@ -114,7 +114,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "citizenId",
     align: "left",
-    label: "เลขบัตรประชาชน",
+    label: "เลขประจำตัวประชาชน",
     field: "citizenId",
     sortable: true,
     sort: (a: string, b: string) =>
@@ -358,6 +358,17 @@ const resetFilter = () => {
   filter.value = "";
   filterRef.value!.focus();
 };
+const pagination = ref({
+  sortBy: "name",
+  descending: false,
+  page: 1,
+  rowsPerPage: 10,
+});
+const paging = ref<boolean>(true);
+const paginationLabel = (start: number, end: number, total: number) => {
+  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
+  else return start + "-" + end + " ใน " + total;
+};
 </script>
 
 <template>
@@ -598,6 +609,8 @@ const resetFilter = () => {
             :visible-columns="visibleColumns"
             :filter="filter"
             row-key="name"
+            :pagination-label="paginationLabel"
+            v-model:pagination="pagination"
           >
             <template v-slot:body-cell="props">
               <q-td :props="props">