diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
new file mode 100644
index 00000000..5754532e
--- /dev/null
+++ b/ayanova/src/components/gz-data-table.vue
@@ -0,0 +1,15 @@
+<template>
+  <v-data-table></v-data-table>
+</template>
+
+<script>
+//DataTable component
+//https://vuetifyjs.com/en/components/data-tables#paginate-and-sort-server-side
+export default {
+  created() {},
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
diff --git a/ayanova/src/components/gzgrid.vue b/ayanova/src/components/gzgrid.vue
index b6bca5ea..5754532e 100644
--- a/ayanova/src/components/gzgrid.vue
+++ b/ayanova/src/components/gzgrid.vue
@@ -3,7 +3,8 @@
 </template>
 
 <script>
-//Grid component
+//DataTable component
+//https://vuetifyjs.com/en/components/data-tables#paginate-and-sort-server-side
 export default {
   created() {},
   data() {
@@ -12,5 +13,3 @@ export default {
   methods: {}
 };
 </script>
-
-