ayanova/src/components/data-table.vue

@@ -534,10 +534,21 @@ export default {
       return clr;
     },
     async clearFilter() {
-      //reset default filter and switch to it and trigger getdata
-      setActiveFilter(this);//will not trigger refresh yet
-      //here reset default filter to no filter
-      //here getdata
+      //Reset back to DEFAULT filter
+      setActiveFilter(this); //will not trigger refresh yet
+    
+//Call api method to clear this filter
+      let res = await window.$gz.api.remove(
+        `data-list-filter/${this.activeFilterId}`
+      );
+      if (res.error) {
+        vm.formState.serverError = res.error;
+        window.$gz.form.setErrorBoxErrors(vm);
+      } else {
+        await fetchSavedFilterList(this);
+        await this.getDataFromApi();
+      }
+    
     },
     clearFilterIcon() {
       if (this.serverFilter && this.serverFilter.length > 0) {