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

@@ -23,7 +23,7 @@
         {{ lt("NoData") }}
       </div>
       <!-- WIDE TABLE VIEW -->
-      <template v-if="!narrowFormat">
+      <template v-if="$vuetify.breakpoint.smAndUp">
         <v-data-table
           :headers="headers"
           :items="records"
@@ -34,7 +34,6 @@
           :disable-sort="true"
           :show-select="showSelect"
           :single-select="singleSelect"
-          :hide-default-header="narrowFormat"
           :footer-props="{
             showCurrentPage: true,
             showFirstLastPage: true,
@@ -153,7 +152,6 @@
           :disable-sort="true"
           :show-select="showSelect"
           :single-select="singleSelect"
-          :hide-default-header="narrowFormat"
           :footer-props="{
             showCurrentPage: true,
             showFirstLastPage: true,
@@ -322,8 +320,7 @@ export default {
       totalRecords: 0,
       records: [],
       rowsPerPageItems: [5, 10, 25, 50, 100],
-      selected: [],
-      narrowFormat: false
+      selected: []
     };
   },
   props: {
@@ -353,9 +350,6 @@ export default {
       if (newValue.length != oldValue.length) {
         this.handleSelectChange();
       }
-    },
-    "$vuetify.breakpoint.xs": function(value) {
-      this.narrowFormat = value;
     }
   },
   methods: {