ayanova/src/components/gz-data-table.vue

@@ -164,7 +164,7 @@ export default {
       records: [],
       rowsPerPageItems: [5, 10, 25, 50, 100],
       selected: [],
-      narrowFormat: true
+      narrowFormat: false
     };
   },
   props: {
@@ -198,11 +198,10 @@ export default {
       if (newValue.length != oldValue.length) {
         this.handleSelectChange();
       }
+    },
+    "$vuetify.breakpoint.xs": function(value) {
+      this.narrowFormat = value;
     }
-    // , //for now, not going with my own mini mode but may revisit so keeping this here but commented out for now
-    // "$vuetify.breakpoint.xs": function(value) {
-    //   this.getDataFromApi();
-    // }
   },
   methods: {
     //Used by narrow view to get the "header" text for a column based on the column key