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,10 +207,15 @@ 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];
+      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) {
@@ -240,6 +245,7 @@ function buildRecords(listData, columndefinitions, filters) {
         }
         o["c" + iColumn.toString()] = display;
       }
+    }
     ret.push(o);
   }
   return ret;