ปรับ ข้อมูลหลัก

src/modules/01_metadata/components/personal/03_Gender.vue

@@ -169,7 +169,18 @@ onMounted(async () => {
     </q-btn>
     <q-space />
     <div class="row q-gutter-sm">
-      <q-input outlined dense v-model="filterKeyword" label="ค้นหา"></q-input>
+      <q-input
+        dense
+        outlined
+        clearable
+        v-model="filterKeyword"
+        placeholder="ค้นหา"
+        @clear="filterKeyword = ''"
+      >
+        <template v-slot:append v-if="filterKeyword === ''">
+          <q-icon name="search" />
+        </template>
+      </q-input>
       <q-select
         v-model="visibleColumns"
         multiple
@@ -181,7 +192,6 @@ onMounted(async () => {
         map-options
         :options="columns"
         option-value="name"
-        
         style="min-width: 140px"
       />
     </div>