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

@@ -39,6 +39,7 @@
 */ -->
       <template v-slot:body="{ items }">
         <tbody>
+          <template v-if="!narrowFormat">
             <tr v-for="item in items" :key="item.id">
               <template v-if="showSelect">
                 <td>
@@ -73,6 +74,10 @@
                 </template>
               </td>
             </tr>
+          </template>
+          <template v-else>
+            <!-- Narrow width template -->
+          </template>
         </tbody>
       </template>
     </v-data-table>
@@ -104,7 +109,8 @@ export default {
       totalRecords: 0,
       records: [],
       rowsPerPageItems: [5, 10, 25, 50, 100],
-      selected: []
+      selected: [],
+      narrowFormat: false
     };
   },
   props: {