diff --git a/ayanova/src/components/data-table-filter-control.vue b/ayanova/src/components/data-table-filter-control.vue
index a14d45bf..09584f09 100644
--- a/ayanova/src/components/data-table-filter-control.vue
+++ b/ayanova/src/components/data-table-filter-control.vue
@@ -4,7 +4,7 @@
     @keydown.esc="close()"
     data-cy="dataTableFilterControl"
   >
-    {{ headerItem }}
+    {{ columnKey }}
   </v-dialog>
 </template>
 <script>
@@ -17,11 +17,11 @@ export default {
     isVisible: false,
     resolve: null,
     reject: null,
-    headerItem: {}
+    columnKey: null
   }),
   methods: {
-    open(headerItem) {
-      this.headerItem = headerItem;
+    open(columnKey) {
+      this.columnKey = columnKey;
       this.isVisible = true;
       return new Promise((resolve, reject) => {
         this.resolve = resolve;
diff --git a/ayanova/src/components/data-table.vue b/ayanova/src/components/data-table.vue
index ae5cd1fb..41469453 100644
--- a/ayanova/src/components/data-table.vue
+++ b/ayanova/src/components/data-table.vue
@@ -515,7 +515,7 @@ export default {
     },
     async filter(item) {
       // console.log("filter:", item);
-      let res = await this.$refs.dataTableFilter.open(item);
+      let res = await this.$refs.dataTableFilter.open(item.fk);
       if (res && res.refresh == true) {
         this.getDataFromApi();
       }