responsive ระบบการลา,ระบบลาออก

src/modules/05_leave/components/Table.vue

@@ -100,7 +100,7 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
           v-if="leaveStore.tabValue === 'list'"
           menu-class-name="modalfix"
           v-model="year"
-          class="col-2"
+          class="col-xs-12 col-sm-auto"
           :locale="'th'"
           autoApply
           year-picker
@@ -217,6 +217,7 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
       :rows-per-page-options="[10, 25, 50, 100]"
       :pagination="pagination"
       @update:pagination="updatePageSize"
+      :grid="$q.screen.gt.xs ? false : true"
     >
       <template v-slot:header="props">
         <q-tr :props="props">
@@ -239,6 +240,10 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
       <template #body="props">
         <slot v-bind="props" name="columns"></slot>
       </template>
+
+      <template v-slot:item="props">
+        <slot v-bind="props" name="item"></slot>
+      </template>
     </q-table>
   </div>
 </template>