update date-fns package

package.json

@@ -42,7 +42,7 @@
     }
   },
   "dependencies": {
-    "date-fns": "^2.0.0-beta.4",
+    "date-fns": "^2.17.0",
     "diacriticless": "1.0.1",
     "lodash.isequal": "^4.5.0"
   },

src/components/VgtTableHeader.vue

@@ -257,23 +257,27 @@ export default {
   mounted() {
     this.$nextTick(() => {
       // We're going to watch the parent element for resize events, and calculate column widths if it changes
-      this.ro = new ResizeObserver(() => {
-          this.setColumnStyles();
-      });
-      this.ro.observe(this.$parent.$el);
-      
-      // If this is a fixed-header table, we want to observe each column header from the non-fixed header.
-      // You can imagine two columns swapping widths, which wouldn't cause the above to trigger.
-      // This gets the first tr element of the primary table header, and iterates through its children (the th elements)
-      if (this.tableRef) {
-        Array.from(this.$parent.$refs['table-header-primary'].$el.children[0].children).forEach((header) => {
-          this.ro.observe(header);
-        })
+      if (ResizeObserver) {
+        this.ro = new ResizeObserver(() => {
+            this.setColumnStyles();
+        });
+        this.ro.observe(this.$parent.$el);
+        
+        // If this is a fixed-header table, we want to observe each column header from the non-fixed header.
+        // You can imagine two columns swapping widths, which wouldn't cause the above to trigger.
+        // This gets the first tr element of the primary table header, and iterates through its children (the th elements)
+        if (this.tableRef) {
+          Array.from(this.$parent.$refs['table-header-primary'].$el.children[0].children).forEach((header) => {
+            this.ro.observe(header);
+          })
+        }
       }
     });
   },
   beforeDestroy() {
-    this.ro.disconnect();
+    if (this.ro) {
+      this.ro.disconnect();
+    } 
   },
   components: {
     'vgt-filter-row': VgtFilterRow,

vp-docs/guide/configuration/column-options.md

@@ -71,7 +71,7 @@ type `String`
 provide the format to parse date string. 
 
 ::: tip
-Vue-good-table uses date-fns for date parsing. [Check out their formats here](https://date-fns.org/v2.0.0-beta.4/docs/parse).
+Vue-good-table uses date-fns for date parsing. [Check out their formats here](https://date-fns.org/v2.17.0/docs/parse).
 :::
 
 ## dateOutputFormat