diff --git a/ayanova/src/components/data-table-filter-manager-control.vue b/ayanova/src/components/data-table-filter-manager-control.vue
index e837e7fc..fb605bd0 100644
--- a/ayanova/src/components/data-table-filter-manager-control.vue
+++ b/ayanova/src/components/data-table-filter-manager-control.vue
@@ -142,7 +142,7 @@ export default {
           //throw new Error(res.error);
           throw new Error(window.$gz.errorHandler.errorToString(res, this));
         } else {
-          this.close({ refresh: true });
+          this.close({ refresh: true, newFilterId: res.data.id });
         }
       } else {
         //SAVE
diff --git a/ayanova/src/components/data-table.vue b/ayanova/src/components/data-table.vue
index 45017cba..c201a274 100644
--- a/ayanova/src/components/data-table.vue
+++ b/ayanova/src/components/data-table.vue
@@ -16,7 +16,7 @@
     <v-card>
       <!-- {{ dataTablePagingOptions }}
       {{ headers }} -->
-      {{ activeFilterId }}
+
       <v-card-title>
         <v-select
           v-model="activeFilterId"
@@ -533,6 +533,10 @@ export default {
     async editFilter() {
       let res = await this.$refs.dataTableFilterManager.open();
       if (res && res.refresh == true) {
+        if (res.newFilterId) {
+          //save as new filter, select it
+          this.activeFilterId = res.newFilterId;
+        }
         //refresh the filter picklist and get data from api
         await fetchSavedFilterList(this);
         await this.getDataFromApi();