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

@@ -1,5 +1,23 @@
 <template>
   <div>
+    <v-card>
+      <v-card-title>
+        <v-select
+          :items="[
+            { name: 'one', id: 1 },
+            { name: 'two', id: 2 }
+          ]"
+          item-text="name"
+          item-value="id"
+          :label="lt('DataListView')"
+        >
+        </v-select>
+        <v-spacer></v-spacer
+        ><v-btn>
+          <v-icon>fa-filter</v-icon>
+        </v-btn>
+      </v-card-title>
+
       <!-- WIDE TABLE VIEW -->
       <template v-if="!narrowFormat">
         <v-data-table
@@ -172,7 +190,11 @@
                     <v-divider></v-divider>
                   </template>
                   <v-list dense>
-                  <v-list-item two-line v-for="c in item.columns" :key="c.key">
+                    <v-list-item
+                      two-line
+                      v-for="c in item.columns"
+                      :key="c.key"
+                    >
                       <v-list-item-content>
                         <v-list-item-title>
                           {{ getHeaderText(c.key) }}</v-list-item-title
@@ -260,6 +282,7 @@
           </template>
         </v-data-iterator>
       </template>
+    </v-card>
   </div>
 </template>