diff --git a/dev/App.vue b/dev/App.vue
index 977d6719..4e3f7e83 100644
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -3,6 +3,7 @@
     <button @click="rows = [];">empty row</button>
     <button @click="resetTable">reset Table</button>
     <button @click="hideColumn">hide column</button>
+    <button @click="setFilter">SetFilter</button>
     <input type="text" v-model="searchTerm">
     <vue-good-table
       ref="my-table"
@@ -194,6 +195,13 @@ export default {
     searchedRow(params) {
       console.log(params);
     },
+    setFilter() {
+      console.log('setting john');
+      // this.columns[0].filterOptions.filterValue = 'John';
+      console.log(this.columns);
+      // this.$set(this.columns[0].filterOptions, 'filterValue', 'John');
+      this.$set(this.columns[1], 'filterOptions', { enabled: true, filterValue: 20 });
+    },
     autofilter(type) {
       if (type === 'name') {
         this.columns[0].filterOptions.filterValue = 'John';
diff --git a/src/components/Table.vue b/src/components/Table.vue
index f525f110..fb020703 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -1256,7 +1256,7 @@ export default {
       if (typeof ofLabel === 'string') {
         this.ofText = ofLabel;
       }
-      
+
       if (typeof pageLabel === 'string') {
         this.pageText = pageLabel;
       }