แก้ฟิลเตอร์ จากล่างขึ้นบนถึง พ้นราชการ

src/modules/06_retirement/views/04_exitInterview.vue

@@ -26,10 +26,12 @@ const {
   hideLoader,
   success,
   dialogConfirm,
+  onSearchDataTable
 } = mixin;
 
 /** คอลัมน์ */
 const rows = ref<ResponseItems[]>([]);
+const rowsData = ref<ResponseItems[]>([]);
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -186,6 +188,7 @@ async function fecthlist() {
         });
       });
       rows.value = list;
+      rowsData.value = list;
       console.log(rows.value);
 
       filters.value = list;
@@ -279,6 +282,14 @@ function openModalCalendar(rows: any) {
   daterow.value = convertThaiDateToNumeric(rows.datetext);
 }
 
+function onSearch() {
+  rows.value = onSearchDataTable(
+    filterKeyword.value,
+    rowsData.value,
+    columns.value ? columns.value : []
+  );
+}
+
 /** HOOK */
 onMounted(async () => {
   await fecthlist();
@@ -319,6 +330,7 @@ onMounted(async () => {
               outlined
               debounce="300"
               placeholder="ค้นหา"
+              @keydown.enter="onSearch"
             >
               <template v-slot:append>
                 <q-icon name="search" />
@@ -344,7 +356,6 @@ onMounted(async () => {
           <d-table
             :columns="columns"
             :rows="rows"
-            :filter="filterKeyword.trim()"
             row-key="id"
             :visible-columns="visibleColumns"
           >