diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index d15ae7fd..84db7cb0 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -20,10 +20,10 @@
       :no-data-text="lt('NoData')"
       class="elevation-1"
     ></v-data-table>
-    <!--  <hr />
+    <hr />
     <div>Headers: {{ headers }}</div>
     <div>Records: {{ records }}</div>
-    <div>TotalRecords: {{ totalRecords }}</div>
+    <!-- <div>TotalRecords: {{ totalRecords }}</div>
      <div>caption: {{ caption }}</div>
     <div>apiBaseUrl: {{ apiBaseUrl }}</div>
     <div>formKey: {{ formKey }}</div>
@@ -207,38 +207,44 @@ function buildRecords(listData, columndefinitions, filters) {
   for (var iRow = 0; iRow < listData.length; iRow++) {
     var row = listData[iRow];
     //iterate row and build object representing row data keyed to index
-    //first column is the default column so skip over it for now
+    //first column is the default column which sets the id for the row
     var o = {};
-    for (var iColumn = 1; iColumn < row.length; iColumn++) {
+    for (var iColumn = 0; iColumn < row.length; iColumn++) {
       var column = row[iColumn];
-      var dataType = columndefinitions[iColumn].dt;
-      var display = column.v;
-      switch (dataType) {
-        case 1: //datetime format to shortdatetime
-          display = filters.shortdatelocalized(display);
-          break;
-        case 2: //date only
-          display = filters.shortdateonlylocalized(display);
-          break;
-        case 3: //time only
-          display = filters.shorttimeonlylocalized(display);
-          break;
-        case 6: //bool
-          display = filters.boolastext(display);
-          break;
-        case 7: //decimal
-          display = filters.decimal(display);
-          break;
-        case 8: //currency
-          display = filters.currency(display);
-          break;
-        case 10: //enum
-          display = filters.enum(display, columndefinitions[iColumn].et);
-          break;
-        default:
-        //do nothing, allow it to stay as is
+      if (iColumn == 0) {
+        console.log(column.v);
+        //set the id from the df column
+        o["id"] = column.v;
+      } else {
+        var dataType = columndefinitions[iColumn].dt;
+        var display = column.v;
+        switch (dataType) {
+          case 1: //datetime format to shortdatetime
+            display = filters.shortdatelocalized(display);
+            break;
+          case 2: //date only
+            display = filters.shortdateonlylocalized(display);
+            break;
+          case 3: //time only
+            display = filters.shorttimeonlylocalized(display);
+            break;
+          case 6: //bool
+            display = filters.boolastext(display);
+            break;
+          case 7: //decimal
+            display = filters.decimal(display);
+            break;
+          case 8: //currency
+            display = filters.currency(display);
+            break;
+          case 10: //enum
+            display = filters.enum(display, columndefinitions[iColumn].et);
+            break;
+          default:
+          //do nothing, allow it to stay as is
+        }
+        o["c" + iColumn.toString()] = display;
       }
-      o["c" + iColumn.toString()] = display;
     }
     ret.push(o);
   }