diff --git a/src/modules/13_salary/components/salaryEmployeeChart/TabCriteria.vue b/src/modules/13_salary/components/salaryEmployeeChart/TabCriteria.vue
index 6842696a5..db4a52c98 100644
--- a/src/modules/13_salary/components/salaryEmployeeChart/TabCriteria.vue
+++ b/src/modules/13_salary/components/salaryEmployeeChart/TabCriteria.vue
@@ -276,8 +276,9 @@ onMounted(() => {
     :rows="rows"
     :columns="columns"
     row-key="name"
+    class="custom-header-table"
     v-model:pagination="pagination"
-    :rows-per-page-options="[1, 20, 50, 100]"
+    :rows-per-page-options="[20, 50, 100,200]"
     :visible-columns="visibleColumns"
     @update:pagination="updatePageSize"
   >
@@ -294,7 +295,11 @@ onMounted(() => {
       <q-tr :props="props" class="cursor-pointer">
         <q-td v-for="col in props.cols" :key="col.name" :props="props">
           <div v-if="col.name === 'no'">
-            {{ props.rowIndex + 1 }}
+            {{
+              (formFilter.page - 1) * Number(pagination.rowsPerPage) +
+              props.rowIndex +
+              1
+            }}
           </div>
           <!-- <div v-else-if="col.name === 'group'">
             {{ col.value ? `กลุ่มที่ (${col.value})` : "-" }}